Add an image to an article in Purple Hub
Purple Hub
Summary
In this article, you will learn how to add an image to an existing article in Purple Hub. You will add the image block to your article, choose an image from the Media Gallery, define the image size and align the image in your article. You will also learn how to add captions, alt text, and publish your article.
Preconditions
- Have an article created in Purple Hub
- Have an image uploaded to your media gallery
- Have the Purple Editor role
How-to guide
1. Go to your Purple Hub and click on 'Purple Feed'
2. Click on 'Articles'
3. Choose an article from the list and click on it
4. Go to your article in Purple Hub and click on the '+' icon below your text to add a block to your content.
5. Choose the 'Image' block from the block menu and click on it.
6. Click 'Media Library'.
7. Choose your desired image from the image gallery and click on it.
8. Click 'Select'.
9. In the left-hand sidebar, below 'Image dimensions', click on '25%'.
10. Click on the image and on the alignment symbol in the little menu bar above the image.
11. Under the alignment dropdown, click 'Align right'.
12. From the image sub-menu, click the 'Move up' arrow.
13. Drag the image until it is located next to the text as you desire it.
14. Click 'Add caption'.
15. Write a caption for your image in the 'Add caption' field embedded below the image.
16. In the left-hand sidebar, below 'Image settings' go to the field 'alt text (alternative text)' and enter accessibility-friendly alt text describing the image here.
17. Click 'Update & Publish'.
18. Wait for the 'All Done' pop-up to appear and then click on 'Close'.
You have successfully added an image to an existing article in Purple Hub. You have added the image block to your article, chosen an image from the Media Gallery, defined image size and aligned the image in your article according to your requirements. Furthermore, you also added image captions, increased the accessibility through alt-text, and published your article with the image.