How to have multiple paragraphs with images aligned to the left

  • Hi all.

    I’ve worked with WordPress quite some time but could never figure out something this simple.

    Basically, I want multiple paragraphs with images aligned to the left. However, when you try to do this, you can’t start a new paragraph next to the second image after inserting it.

    This is what you’ll get: see the image

    As you can see the cursor ‘stays’ after the first image and you can’t click next to the second image to start typing.

    I could use a solution for this, but it shouldn’t be a complicated one since other people should be able to do this easily as they are going to be using WordPress as well (who have no knowledge of coding).

    I noticed you can switch to the ‘text’ view in the WP panel, and click after the second image and start typing text, and then switch back to visual editor, but I think there should be a more simple solution for this. One that doesn’t require messing with the text view editor.

    If anyone knows it, please let me know.

    Regards, S

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I could use a solution for this, but it shouldn’t be a complicated one since other people should be able to do this easily as they are going to be using WordPress as well (who have no knowledge of coding).

    What you’re trying to do is create a structure of the page, a layout, all through the WYSIWYG editor, and there is no correct practice of this. You’ll often see people using table plugins to create that structure, because it seems to be the only way.

    The real way would be to create custom post types for “person” (for example) and then add a custom field for the image, and a custom field for the description. Then you can pull that information into your template using PHP. Then you can structure it properly in HTML and CSS, e.g. the HTML could be:

    <ul>
    <li>
        <p> Joe blogs </p>
        <img alt="" src="..." />
    <li>
    <li>
        ...
    <li>
    ...
</ul>

    Thread Starter SJTR

    (@sjtr)

    Thanks for your reply.

    Allright, I’ll start looking into custom fields.

    If you happen to know of a tutorial for these two fields, or plugin, I’d be happy to know.

    Thanks, regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to have multiple paragraphs with images aligned to the left’ is closed to new replies.