# Image

# 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:

  1. Click on the  ​​icon to open the Inserter Panel
  2. Search for the Cwicly Image block
  3. Click on the Cwicly Image block to insert it into your page

If you want to add an image inside a parent block:

  1. Open the Quick Insert panel in the parent block
  2. Search for the Cwicly Image block
  3. 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.

  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Height property
  5. Enter the desired Height value

# Width

The Width property allows you to specify the width of the image.

  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Width property
  5. Enter the desired Width value

# Image Source

The Image Source property allows you choose whether the image source will be static or dynamic.

  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Image Source property
  5. Click on the appropriate image type options (static, dynamic)​​
  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Image Source property
  5. 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.

WordPress Data
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.

  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Image URL property
  5. Select an image by Clicking on Browse or copy/paste a URL
  1. Select an Image block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Image URL property
  5. Remove the URL in the field or Click the button Clear Media