Image Block Examples
Large Image
Medium Image
Thumbnail Image
Adding An Image Block
Method 1 – Use a forward slash (/) and then type out “image”. The image block should show up.
Method 2 – After selecting the editor, the user should see a + icon. Selecting this should show a list of the most common blocks used. If the image block is not there, use the search feature to find it.
Image Block Features
When the block is added to the page, the user will see the option of uploading a video, selecting one from the media library, or inserting a URL It is best to upload the image to the website to avoid a broken image in the future.
Side Panels
After selecting the image block, the user will see the following options on the right hand panels:
- Style Options – Select if the image should have a frame around it or be rounded.
- Settings – Under settings, users will be able to add alternative text to the image and select the image size.
- Space Settings – Users can add margin and padding to the video blocks. This is usually done to add more spacing around block so they are not too close to other elements.
- Advanced – Allows users to add an anchor tag, title attribute, schedule the block, position the block, and hide the block on a specific breakpoint.
- Block Scheduling (if enabled) – Allows block to be scheduled. This causes the block to be published or unpublished depending on the date selected.