This documentation provides comprehensive insights into the Tag Cloud Block developed by Zoloblocks.

Adding a block to the editor

1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
2. Search by the Tag Cloud block name.
3. Then select the appear blocks ( with zoloblocks logo T.R corner).
4. After Drag and Drop it on the page.

After Inserting the blocks, Follow this.

1. Click on the Document Overviewer button and the Blocks list view will appear.
2. Here appears the Tag Cloud block.
3. After on the right side, Click on the Block. Then the Tag Cloud details appear.
4. Here shows all the control tabs( Basic, Style, Extra ) of a block.

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

Set controls for the general section,

1. Gap: Set the gap between the tags.
2. Show Count: Enable the switcher to show the count number.

Query Section

Go to Basic > Query

Set query for the tag cloud,

1. Item Limit: Set the limit for the items.
2. Taxonomy: Select the taxonomy for the query.
3. Exclude: Exclude are used to exclude the tags, that will not display.

4. Parent: Set the parent id for the tags.
5. Order By: Sort it by Order by format.
6. Sort Order: Sort Order is for sorting it by order.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.

Items Section

Go to Style > Items

Normal State for Items

Make the items section stylish by following,

1. Multiple Background: Enable the switcher to set multiple background.
2. Multiple Background: Set the hexacolor code backgrounds for multiple items.
3. Border: Set the border.
4. Border Radius: Make the border radius.

5. Padding: Set the padding for the items.
6. Box Shadow: Make a box shadow for the items.

Hover State for Items

The changes will appear on mouse hover,

7. Box Shadow: Set the box shadow
8. Opacity: Set opacity for the items.

Name Section

Go to Style > Name

Normal State for Name

1. Color: Set the color for the name.

Hover State for Name

2. Color: Set the hover color for the name.

Count Section

Go to Style > Count

Make the count section stylish by following,

1. Typography: Set the typography for the count.
2. Border: Set the border for count.
3. Border Radius: Make the border radius.

4. Padding: Set the padding for the count.
5. Box Shadow: Make the box shadow.

Normal State for Count

6. Color: Set the color for the count.
7. Background: Set background for it.

Hover State for Count

The changes will appear on mouse hover,

8. Color: Set the color for the count.
9. Background: Set background for it.

Video Assist

Video Tutorial is coming soon!
Please visit the demo page for examples.

Thanks for staying with us.