diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index 9e56387bc6665..72281a53c3dd1 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -908,7 +908,7 @@ Summarize your post with a list of headings. Add HTML anchors to Heading blocks ## Tag Cloud -A cloud of your most used tags. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tag-cloud)) +A cloud of popular keywords, each sized by how often it appears. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tag-cloud)) - **Name:** core/tag-cloud - **Category:** widgets diff --git a/packages/block-library/src/tag-cloud/block.json b/packages/block-library/src/tag-cloud/block.json index b95e02204faa2..0c2095bff2a15 100644 --- a/packages/block-library/src/tag-cloud/block.json +++ b/packages/block-library/src/tag-cloud/block.json @@ -4,7 +4,7 @@ "name": "core/tag-cloud", "title": "Tag Cloud", "category": "widgets", - "description": "A cloud of your most used tags.", + "description": "A cloud of popular keywords, each sized by how often it appears.", "textdomain": "default", "attributes": { "numberOfTags": { diff --git a/packages/block-library/src/tag-cloud/edit.js b/packages/block-library/src/tag-cloud/edit.js index 29f4823a19b42..17ca150bc4d75 100644 --- a/packages/block-library/src/tag-cloud/edit.js +++ b/packages/block-library/src/tag-cloud/edit.js @@ -12,6 +12,7 @@ import { __experimentalUseCustomUnits as useCustomUnits, __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue, Disabled, + BaseControl, } from '@wordpress/components'; import { useSelect } from '@wordpress/data'; import { __ } from '@wordpress/i18n'; @@ -111,6 +112,7 @@ function TagCloudEdit( { attributes, setAttributes } ) { - - setAttributes( { showTagCounts: ! showTagCounts } ) - } - /> + + + + { + onFontSizeChange( + 'smallestFontSize', + value + ); + } } + units={ units } + min={ MIN_FONT_SIZE } + max={ MAX_FONT_SIZE } + size="__unstable-large" + /> + + + { + onFontSizeChange( + 'largestFontSize', + value + ); + } } + units={ units } + min={ MIN_FONT_SIZE } + max={ MAX_FONT_SIZE } + size="__unstable-large" + /> + + + - - - { - onFontSizeChange( 'smallestFontSize', value ); - } } - units={ units } - min={ MIN_FONT_SIZE } - max={ MAX_FONT_SIZE } - /> - - - { - onFontSizeChange( 'largestFontSize', value ); - } } - units={ units } - min={ MIN_FONT_SIZE } - max={ MAX_FONT_SIZE } - /> - - + + setAttributes( { showTagCounts: ! showTagCounts } ) + } + /> );