タグクラウドブロック

Tag Cloud block allows adding tag/category cloud into the page/post. A Tag Cloud is a list of all tags /categories associated with your site displayed in alphabetical order.  

It increases the connectivity and discoverability of resources on your website. It helps your readers to search content easily and quickly. A Tag Cloud also helps your readers to know your favorite subjects and topics you write most frequently. 

The display of the Tag Cloud shows each term and the font size of that term corresponds with the amount of time this term was associated with posts. The bigger, the more posts are tagged with this term. This way your visitors can discern from the size of the tags what your blog is about and adjacent context.

Steps to add a Tag Cloud block to your post or page:

  1. Add Tag Cloud block to your post or page.

If the tags/categories will  be successfully added into the post/page, you will see the preview in your block editor.

If the site doesn’t have any tags then it will display the message as shown below.

  1. Click on the Preview button in the top right corner of the page/post to see how it will look on the front-end

Note: Tags appearance will depend upon the selected theme.

Block Toolbar  Block Toolbar 

Besides the Mover and Drag & Drop Handle, the Block Toolbar for the  Tag Cloud  shows three buttons:

  • Transform to
  • Change alignment
  • More Options.

Transform to:

You can transform a Tag Cloud block  to a Group. This would give you the ability to change the background color around the Tag Cloud block.

Left: Editor view of an Tag Cloud block as a group with Color Settings controls

Right: Tag Cloud block with a yellow background.

Change Alignment – use reusable Block 

  • Align left – Make the Tag Cloud post left aligned
  • Align center – Make the Tag Cloud post alignment centered
  • Align right – Make the  Tag Cloud post align right
  • Wide width – Increase the width of the post beyond the content size
  • Full width – extend the Tag Cloud post to cover the full width of the screen.

Note: “Wide width” and “Full width” alignment need to be enabled by the Theme of your site. 

More Options:

Hide Block Settings

This hides/shows the whole of the Settings sidebar – Block and Document

So the word Block is redundant. 

Copy

Copy block to the clipboard and paste it.

Duplicate

Duplicate block can be used to duplicate selected blocks.

Insert Before

Insert a new block before the selected block(s).

Insert After

Insert a new block after the selected block(s).

Move To

Move a block to the desired space on the post using up and down arrows keys.

Add to Reusable Blocks

Using the Add to Reusable Blocks option lets you add the selected block to a list of reusable blocks, so you can use them on other posts or pages as well.

Group

Select the Group option if you want to create a group of blocks and treat them as a unit. You can for instance add a common background color or other blocks to the group.

Remove Block

With the “Remove Block” option you can delete the selected block from your content.

トップ ↑

Block Settings Block Settings

Tag Cloud Settings

  • Taxonomy: Taxonomy can be of following types
    • Categories
    • Tags

A post/page will display Tag Cloud based upon selected  taxonomy.

  • Show Tag Count: It will display the number of posts associated with the tag.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

この記事は役に立ちましたか ? どうすればさらに改善できますか ?