This post demonstrates the variable text elements and styles supported in The Columnist WordPress theme. If you see that I may have missed any, please let me know — a quick comment below will do the trick.
For the purposes of this demonstration, Latin dummy text will be used as a placeholder. Shall we start with the exponential typographic hierarchy:
Lorem ipsum
Curabitur vitae
Suspendisse etam
Praesent placerat
Regular paragraph text looks like this consectetur adipiscing elit.
Aenean a regular link magna. This link may appear as visited if you have already visited my website. Class taciti strong sociosqu torquent elit consect etam mordor.
The block quote uisque pulvinar neque eu lectus volutpat at porta tellus dapibus. Donec ut mi magna torquent elit consect etam mordor.
A couple of lists:
- Lorem pulvinar nunc ipsum
- Adipiscing etam
- Donec ut mi magna
- Morbi sit amet metus lectus
- Suspendisse ultrices orci ut risus
Order that list:
- Dolor sit amet
- Etam meta mordor
- Morbi malesuada
- Lorem ipsum
- Adipiscing etam
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar neque eu lectus volutpat at porta tellus dapibus. Fusce lobortis eros vel mauris viverra elementum. Nunc ac nunc erat, sit amet iaculis odio. Pellentesque tempor urna eu velit laoreet volutpat.
Column Structures
There are three classes: "one-column", "two-column" and "three-column" that can be applied to tags such as <p> and <div>. This basic paragraph text has the class "one-column" which enables it to span the full width of the column. By default, the post text is given this same column layout. Below are some examples of the useful classes which allow for varied column structures.
Two-column
This text has the class "two-column" and obviously is split over two columns. Nunc ac nunc erat, sit amet iaculis odio. Pellentesque tempor urna eu velit laoreet volutpat. Maecenas facilisis ante nec sem congue nec gravida lorem lacinia. Curabitur condimentum leo at mi lobortis etam mordor.
Three-column
This text has the class "three-column" and is split into three even columns. Nunc ac nunc erat, sit amet iaculis odio. Pellentesque tempor urna eu velit laoreet volutpat. Maecenas facilisis ante nec sem congue nec gravida lorem lacinia. Proin tristique condimentum neque, sit amet congue tellus fermentum eu. Suspendisse laoreet, metus eu eleifend. Curabitur condimentum leo at mi lobortis etam mordor.
The Columnist has a strong emphasis on typography. It uses an exponential formula for text hierarchy and the greatness of Helvetica along with column layouts and newspaper theme.
So, is there something I missed? Go ahead and let me know →
9 Comments
[...] You can easily insert images into your posts by using the regular "" tag. Your image is automatically re-sized in relation to the column structure in use. To learn more about defining the post column structure you can check out the ‘Text style’ post. [...]
[...] can find The Columnist theme support and help documentation for topics such as: Adding images, Text styles, Downloading and installing, Video posts, The making of and Version [...]
Nice post and this fill someone in on helped me alot in my college assignement. Thanks you as your information.
it was very interesting to read.
I want to quote your post in my blog. It can?
And you et an account on Twitter?
Hi how do you put that vertical line at “The Columnist has a strong emphasis on typography.”…
Hi, I’m from Spain, sorry for my bad english. Great theme!!!! It is possible to have the theme centered, no left aligned?
hello,
how do you implement the horizontal lines in the post?
Thanks,
Joe
also, how do you have the lines on the post info for example, in between the date, tags, etc
Thanks
@Myish @Joe the vertical line is a blockquote treatment and can be found in the post editor.