Entries Posts

Entry Module
Entries
Main Post Title

Mapping Out WordPress Image Alignments

Post Header Aside
Comments Actions Snippet
Comments Population
Comment Creation Ability
Post Content

We all know that image alignments in WordPress is far from being straightforward. There are plain images that will be wrapped in <p> tags, there are images with texts beside it, there are images wrapped in <figure> tags, and so on. Not to mention mistakes done in formatting the content – just look at the current WordPress Theme Unit Test Data wherein an image is wrapped in <strong> tag.

We’ll attempt to map out all the possible combinations of image alignments in WordPress. With the help of CodePen, we will demo the markup generated by WordPress.