Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they’ll be more semantic (and easier to style) like the version below.
HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt luctus eros, a tincidunt massa aliquet sit amet. Sed faucibus, eros non lacinia porttitor, risus odio efficitur sapien, id porta urna massa ac est. Cras efficitur lacinia magna eget tempus. Fusce ex felis, finibus consectetur mi at, finibus rhoncus augue. In ut tortor lacinia, rutrum mauris vel, maximus tortor. Praesent ac arcu nec eros pharetra tristique. Morbi congue leo sed ipsum fermentum vulputate. Ut nulla eros, porta varius pulvinar eget, bibendum quis dolor. Morbi sed diam eu dui semper ornare nec quis nisl.
OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box, this creates a shortcode which then in turn wraps the whole thing in a div
with inline styling! Maybe one day they’ll be able to use the figure
and figcaption
elements for all this. Additionally, images can be wrapped in links which, if you’re using anything other than color
or text-decoration
to style your links can be problematic.
- Ordered list item one.
- Ordered list item two.
- Ordered list item three.
- Ordered list item four.
- Ordered list item one.
- Ordered list item two.
- Ordered list item one.
- Ordered list item two.
- Ordered list item three.
- Ordered list item four.
- Ordered list item three.
- Ordered list item four.
- By the way, WordPress does not let you create nested lists through the visual editor.
- Unordered list item one.
- Unordered list item two.
- Ordered list item one.
- Ordered list item two.
- Ordered list item one.
- Ordered list item two.
- Ordered list item three.
- Ordered list item four.
- Ordered list item three.
- Ordered list item four.
- Unordered list item three.
- Unordered list item four.
- By the way, WordPress does not let you create nested lists through the visual editor.
The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.