How to Insert an Image into a Blog Post in Joomla

When business owners build a new website with Print & Web Designer, we give them the tools they need to make adjustments. While we’re happy to help publish content or make changes, we know busy business owners must also have the power to manage their site.

After your website launches, we provide a training session on how to publish blog posts and pages, but it’s easy to forget those things later. If you’re finally getting around to that blog post and need help, here is how to insert an image into your Joomla blog post. (Related: How to Create a Page in Joomla.)

1. Log in to your website using the credentials we provided. Or, if you have changed them, use your new ones.
2. Click on “Components” at the top. You’ll see a drop-down menu of choices; click on “easy blog.”
3. That choice will offer you more options to the right. From that menu, choose “posts.”
4. Then click the green “new” button.

You have now created a new blog post. From here, you can begin writing your post or paste your text into it. Once you are ready, you can add an image. Here is how:

1. Make sure the image you want to use is saved on your computer. We recommend saving it to your desktop to make things easier, and it’s best to name it something relevant. Avoid a string of numbers.
2. Place your cursor into the text box where you want the image to go.
3. Click “add media.”
4. Then click “this post.” (You can also add media to your database “my media” for later.)
5. You have two choices. You can click “upload,” and it will guide you to choosing the image from your desktop or folder. Or, you can drag the image directly from the desktop or folder.
6. Once you have uploaded an image, click on it, so you see a yellow box around it and then click “insert.”
7. Congratulations! You now have an image in your blog post. (Be sure to click “publish.”)

Adding a Border

Do you want to add a border to the image? Once you have completed the above steps, here is how to do that:

1. Click the image you want to put a border around. You’ll see it is highlighted.
2. Click the button that looks like a picture of a lake with a white border around it.
3. You’ll see a pop-up window called “Image Manager.”
4. Look for a checkbox that says “border,” and click it with your mouse.
5. You can then adjust the thickness and style of the border as well as the color.
6. If you want, you can adjust the margins to make the image on go the left, right, or center. Just uncheck “equalize” and type how far (in pixels) the picture should be.
7. When you are done, click “update.”

If you need more help publishing content on your business website, contact us for writing, content, and posting guidance.