{"id":13255925,"date":"2020-08-17T13:05:58","date_gmt":"2020-08-17T13:05:58","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=13255925"},"modified":"2024-06-08T19:45:36","modified_gmt":"2024-06-08T19:45:36","slug":"tag-cloud-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/tag-cloud-block\/","title":{"rendered":"Tag Cloud block"},"content":{"rendered":"\n
Go back to the list of Blocks<\/strong><\/a><\/p>\n\n\n\n The Tag Cloud block<\/em> allows adding tag\/category cloud into the page\/post. A tag cloud is a list of all tags<\/a> \/categories on your site, displayed in alphabetical order. <\/p>\n\n\n\n Tag cloud helps your readers to discover and search content easily and quickly. <\/p>\n\n\n\n The Tag Cloud block<\/em> displays each tag with the font size based on the number of times that tag has been associated with posts. The bigger the size, the more posts are tagged with that tag. This helps your readers know your favorite subjects and the topics you write about most frequently. <\/p>\n\n\n\n Add the Tag Cloud block<\/em> to your post or page by clicking on the \u201cBlock Inserter\u201d (+) and then search for “Tag Cloud”. Alternatively, you can type\u00a0 Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n If you have tags\/categories on your site, the Tag Cloud block<\/em> will display a list of the tags as follows:<\/p>\n\n\n\n If the site doesn’t have any tags then it will display the message as shown below.<\/p>\n\n\n\n Note: <\/strong>Tags’ appearance varies based on the selected theme.<\/p>\n\n\n\n Each block has its own block-specific controls that allow you to customize the block right in the editor. The Tag Cloud block<\/em> offers the following options in its toolbar:<\/p>\n\n\n\n When you click on the Transform<\/strong> button you can convert the Tag Cloud block <\/em>into a Categories List, Columns, or Group. The Group lets you change the background color around the Tag Cloud block. You can also change the Tag Cloud styles from Default to Outline.<\/p>\n\n\n\n To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\n The up and down arrow icons can be used to move a block up and down on the page.<\/p>\n\n\n\n <\/a>Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n Note:<\/strong> \u201cWide width\u201d and \u201cFull width\u201d alignment is only available if it is enabled by the Theme of your site. <\/p>\n\n\n\n These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n Read about these and other settings.<\/a><\/p>\n\n\n\n Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the \u2018settings\u2019 icon next to the Publish button.<\/p>\n\n\n\n Select from the following three\u00a0taxonomy<\/a>\u00a0types: Categories, Tags, or Pattern Categories. The Tag Cloud is displayed based on the selected taxonomy.<\/p>\n\n\n\n Toggle the switch to display the number of posts associated with the taxonomy.<\/p>\n\n\n\n Move the slider or type in a number to change the number of taxonomy terms that can be displayed in the Tag Cloud.<\/p>\n\n\n\n Change the smallest and largest font size that can be used in the Tag Cloud. You can change the font size unit between PX, %, EM, REM, VW, VH.<\/p>\n\n\n\n You can modify the Tag Cloud block<\/em> styles by choosing the \u2018Default\u2019 or \u2018Outline\u2019 buttons in the Styles settings panel. Hover over the \u2018Default\u2019 or \u2018Outline\u2019 buttons to get a preview of the styles.<\/p>\n\n\n\n The style options may vary based on your theme.<\/p>\n\n\n\n Typography settings allow you to change a block\u2019s font size, appearance, line height, letter casing, and spacing.<\/p>\n\n\n\nHow to add a Tag Cloud block to your post or page<\/h2>\n\n\n\n
\/tag-cloud<\/code> in a new paragraph block and press\u00a0
enter<\/code>.<\/p>\n\n\n\n
<\/ol>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Block toolbar\u00a0<\/h2>\n\n\n\n
\n
Transform to<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Drag<\/h3>\n\n\n\n
Move handles<\/h3>\n\n\n\n
Change alignment \u00a0<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n
\n
More options<\/h3>\n\n\n\n
Block settings<\/h2>\n\n\n\n
Settings tab<\/h3>\n\n\n\n
Taxonomy<\/h4>\n\n\n\n
Show post counts<\/h4>\n\n\n\n
Number of tags<\/h4>\n\n\n\n
<\/figure>\n\n\n\n
Smallest size\/largest size<\/h4>\n\n\n\n
<\/figure>\n<\/div>
<\/figure><\/div>\n\n\n\n
Styles tab<\/h3>\n\n\n\n
Styles<\/h4>\n\n\n\n
Typography <\/h4>\n\n\n\n