Aligning blog post images on new wordpress

The eternal struggle of aligning images in WordPress!

To align blog post images in a new WordPress installation, you can follow these steps:

Method 1: Using the WordPress Image Alignment Options

  1. Upload your image to the WordPress media library by clicking on the "Add Media" button in the post editor.
  2. Select the image and click on the "Insert into post" button.
  3. In the image settings, you'll see a "Alignment" dropdown menu. Choose from the following options:
    • Left: Aligns the image to the left of the text.
    • Center: Centers the image horizontally.
    • Right: Aligns the image to the right of the text.
    • None: Removes any alignment and allows the image to float freely.
  4. Click "Insert" to insert the image into your post.

Method 2: Using CSS Classes

  1. Upload your image to the WordPress media library by clicking on the "Add Media" button in the post editor.
  2. Select the image and click on the "Insert into post" button.
  3. In the image settings, click on the "Advanced" tab.
  4. In the "CSS Class" field, add the following classes to align the image:
    • alignleft for left alignment
    • aligncenter for center alignment
    • alignright for right alignment
  5. Click "Insert" to insert the image into your post.

Method 3: Using a Plugin

If you're using a page builder like Elementor, Beaver Builder, or Divi Builder, you can use their built-in image alignment options. If you're not using a page builder, you can install a plugin like:

Tips and Tricks

I hope this helps you align your blog post images like a pro!