#
Image
Images enhance visual appearance of your page. The Image block allows you to add images to your page and is a self-standing element.
#
Basics
Unlike a Background Image, the Image block uses the img tag to notify the search engines that it is an image.
If you want to add an image outside any other block on the page:
- Click on the ➕ icon to open the Inserter Panel
- Search for the Cwicly Image block
- Click on the Cwicly Image block to insert it into your page
If you want to add an image inside a parent block:
- Open the Quick Insert panel in the parent block
- Search for the Cwicly Image block
- Click on the Cwicly Image block to insert it into your parent block
#
Height
The Height
property allows you to specify the height of the image.
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Height property
- Enter the desired Height value
#
Width
The Width
property allows you to specify the width of the image.
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Width property
- Enter the desired Width value
#
Image Source
The Image Source
property allows you choose whether the image source will be static or dynamic.
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Image Source property
- Click on the appropriate image type options (static, dynamic)
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Image Source property
- Click on selected option to unselect it
Static A static image source will rely on a static URL provided by the user. It will not update automatically depending on the source, and relies on manual changes.
Dynamic A dynamic image source allows you to specify an image source that might change depending on the different parameters available at the time. It will update automatically. It relies on WordPress dynamic features as well as ACF Pro.
- Featured Image
- Site Logo
- Author Profile Picture
- User Profile Picture
- User set groups & fields
- Repeater fields
#
Image URL
The Image URL
property allows you to define the image URL that will be used for the image.
The Image URL
property only appears if you are using a static URL as a source.
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Image URL property
- Select an image by Clicking on Browse or copy/paste a URL
- Select an Image block
- Open the block inspector
- Navigate to the primary tab
- Find the Image URL property
- Remove the URL in the field or Click the button Clear Media