Split Image

The WPMozo Split Image free Gutenberg Block lets you creatively divide an image into multiple sections using customizable rows and columns. It’s perfect for modern layouts, interactive designs, and grid-style visuals.

Adding the block

To add the block:

• Click the “+” button to add a new block.
• Search for “Split Image” and select it.

Configuration

These settings control the basic structure of the split image.

• Add Image
  Select or upload the image you want to split into multiple parts.
• Rows
  Set the number of horizontal slices you want to divide the image into.
• Columns
  Define how many vertical sections the image should be split into.
• Gap
  Control the spacing between each split section. This helps create a grid-like or spaced-out layout.

Link settings

Turn your split image into a clickable element.

• Link
  Enable linking for the entire split image block.
• Link URL
  Add the destination URL you want users to visit when they click the image.
• Link Target
  Choose whether the link opens in the same tab or a new tab.

Design settings

Alignment

Adjust the alignment of the split image block within its container (left, center, or right).

Border

Add a border around the entire block or around each split segment:

• Border width
• Border color

Border Radius

Round the edges of the split image or its segments by adjusting the border radius.

Padding

Add inner spacing inside the outer wrapper of the block.

Margin

Control the outer spacing of the block relative to surrounding elements.