Website logo
➡️ purplepublish.com
Overview
Support
Setup
Editorial
Experience
Growth
Developers
Expert
Navigate through spaces
⌘K
Editorial Admin Set-up
Menus in Purple Hub
Create an author in Purple Hub
Create a reusable block and add it to an article in Purple Hub
Create a custom block in Purple Hub
Create a block pattern and use it in an article in Purple Hub
Customize the Block-menu for articles in Purple Hub
Create a Custom Post Type in Hub
Create a taxonomy in Hub
Create Custom Fields in the Hub
Change User Roles in Purple Hub
Creating Content
Editor interface in an article
Create an article in Purple Hub
Text settings for an article in Purple Hub
Media Gallery in Purple Hub
Add an image to an article in Purple Hub
Bulk Upload of Media with the same meta-data
Gallery Block in Purple Hub
Embeds in Hub Content
Add an audio file to an article in Purple Hub
Add a video to an article in Purple Hub
Set an internal link in the Purple Hub
Article rating with star rating block in Purple Hub
Create an issue in the Purple Hub
Managing Content
Overview of content binders in Purple
Use the (new) publishing process 'Background publishing'
Schedule article unpublishing in Purple Hub
Schedule article publishing in Purple Hub
Article Preview in Purple Hub
Dossiers in Purple Hub
Curator: Functions and fields
Curator: Create a collection
Curator: Use the "Force" feature
Purple Redirects
Editorial Workflows (Oasis) in Purple Hub
Settings for Planning Content/Social Media Publishing (Nelio) in Purple Hub
Planning Content (Nelio) in Purple Hub
Social Media Publishing (Nelio) in Purple Hub
Purple RSS
Purple Wires
Source overview page
Source set up page
Known issues in Purple Wires
Docs powered by Archbee
Creating Content

Add an image to an article in Purple Hub

9min

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'

Document image


2. Click on 'Articles'

Document image


3. Choose an article from the list and click on it

Document image


4. Go to your article in Purple Hub and click on the '+' icon below your text to add a block to your content.

Document image


5. Choose the 'Image' block from the block menu and click on it.

Document image


6. Click 'Media Library'.

Document image


7. Choose your desired image from the image gallery and click on it.

Document image


8. Click 'Select'.

Document image


9. In the left-hand sidebar, below 'Image dimensions', click on '25%'.

Document image


10. Click on the image and on the alignment symbol in the little menu bar above the image.

Document image


11. Under the alignment dropdown, click 'Align right'.

Document image


12. From the image sub-menu, click the 'Move up' arrow.

Document image


13. Drag the image until it is located next to the text as you desire it.

14. Click 'Add caption'.

Document image


15. Write a caption for your image in the 'Add caption' field embedded below the image.

Document 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.

Document image


17. Click 'Update & Publish'.

Document image


18. Wait for the 'All Done' pop-up to appear and then click on 'Close'.

Document image


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.



Updated 04 Oct 2023
Did this page help you?
PREVIOUS
Media Gallery in Purple Hub
NEXT
Bulk Upload of Media with the same meta-data
Docs powered by Archbee
TABLE OF CONTENTS
Summary
Preconditions
How-to guide
Docs powered by Archbee
ImprintPrivacy Policy
© Sprylab Technologies GmbH 2023