core/tag-cloud


A cloud of your most used tags.

Variation 1:

Outline with # of posts

needs examples (1) needs work (1) sample (1)

<p class="is-style-outline wp-block-tag-cloud"><a href="https://blocks.joedolson.com/tag/needs-examples/" class="tag-cloud-link tag-link-11 tag-link-position-1" style="font-size: 16rem;" aria-label="needs examples (1 item)">needs examples<span class="tag-link-count"> (1)</span></a>
<a href="https://blocks.joedolson.com/tag/needs-work/" class="tag-cloud-link tag-link-10 tag-link-position-2" style="font-size: 16rem;" aria-label="needs work (1 item)">needs work<span class="tag-link-count"> (1)</span></a>
<a href="https://blocks.joedolson.com/tag/sample/" class="tag-cloud-link tag-link-9 tag-link-position-3" style="font-size: 16rem;" aria-label="sample (1 item)">sample<span class="tag-link-count"> (1)</span></a></p>

Variation 2:

Default without # of posts

needs examples needs work sample

<p class="is-style-default wp-block-tag-cloud"><a href="https://blocks.joedolson.com/tag/needs-examples/" class="tag-cloud-link tag-link-11 tag-link-position-1" style="font-size: 1rem;" aria-label="needs examples (1 item)">needs examples</a>
<a href="https://blocks.joedolson.com/tag/needs-work/" class="tag-cloud-link tag-link-10 tag-link-position-2" style="font-size: 1rem;" aria-label="needs work (1 item)">needs work</a>
<a href="https://blocks.joedolson.com/tag/sample/" class="tag-cloud-link tag-link-9 tag-link-position-3" style="font-size: 1rem;" aria-label="sample (1 item)">sample</a></p>

One response to “core/tag-cloud”

  1. Note: by default the block is using pt as a unit of measurement on font sizes, but the preferred unit for accessibility is rem. The user has the choice to switch to rem, putting the burden of accessibility upon content entry.

Leave a Reply