Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Block Library: Add a Post Tags block. #19580

Merged
merged 3 commits into from
Feb 24, 2020
Merged

Block Library: Add a Post Tags block. #19580

merged 3 commits into from
Feb 24, 2020

Conversation

epiqueras
Copy link
Contributor

Description

This PR adds a new Post Tags block akin to the Post Title and Post Content blocks.

How has this been tested?

  • Inserted Post Tags block in a post.
  • Confirmed post tags rendered in the editor and front end.
  • Inserted Post Tags block in a template.
  • Confirmed post tags placeholder rendered in the editor and the relevant post tags rendered in the front end.

Types of Changes

New Feature: There is a new Post Tags block for template building.

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

<a key={ tagId } href={ tag.link }>
{ tag.name }
</a>
);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe ultimately, we could offer a way to add/remove tags directly here. Let's land a readonly block first though.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes

@youknowriad youknowriad added the Needs Design Feedback Needs general design feedback. label Jan 13, 2020
Copy link
Contributor

@youknowriad youknowriad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added "design feedback" tag for designers to start thinking about the potential of these blocks (style variations, styling...)

@youknowriad
Copy link
Contributor

Capture d’écran 2020-01-13 à 11 14 25 AM

I noticed this error while inserting the block (post without tags).

Also, how does it behave if the CPT doesn't support tags?


export default function PostTagsEdit() {
if ( ! useEntityId( 'postType', 'post' ) ) {
return 'Post Tags Placeholder';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i18n?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@epiqueras
Copy link
Contributor Author

I noticed this error while inserting the block (post without tags).

Fixed.

Also, how does it behave if the CPT doesn't support tags?

It won't render anything.

@mtias
Copy link
Member

mtias commented Feb 15, 2020

High level thought: should the block be called terms and exposed through variations for tags and possibly other taxonomies?

@epiqueras
Copy link
Contributor Author

That makes more sense now that we have variations.

@epiqueras
Copy link
Contributor Author

Can we merge this scaffold to avoid more merge conflicts in the shared files?

@ockham ockham force-pushed the add/post-tags-block branch from f4d9750 to abc53bc Compare February 24, 2020 10:20
@ockham
Copy link
Contributor

ockham commented Feb 24, 2020

Rebased.

@github-actions
Copy link

github-actions bot commented Feb 24, 2020

Size Change: +222 B (0%)

Total Size: 864 kB

Filename Size Change
build/block-library/index.js 114 kB +195 B (0%)
build/block-library/style-rtl.css 7.49 kB +14 B (0%)
build/block-library/style.css 7.49 kB +13 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.01 kB 0 B
build/annotations/index.js 3.43 kB 0 B
build/api-fetch/index.js 3.39 kB 0 B
build/autop/index.js 2.58 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 6.02 kB 0 B
build/block-directory/style-rtl.css 760 B 0 B
build/block-directory/style.css 760 B 0 B
build/block-editor/index.js 104 kB 0 B
build/block-editor/style-rtl.css 9.78 kB 0 B
build/block-editor/style.css 9.77 kB 0 B
build/block-library/editor-rtl.css 7.67 kB 0 B
build/block-library/editor.css 7.67 kB 0 B
build/block-library/theme-rtl.css 669 B 0 B
build/block-library/theme.css 671 B 0 B
build/block-serialization-default-parser/index.js 1.65 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 57.6 kB 0 B
build/components/index.js 190 kB 0 B
build/components/style-rtl.css 16.1 kB 0 B
build/components/style.css 16 kB 0 B
build/compose/index.js 5.76 kB 0 B
build/core-data/index.js 10.5 kB 0 B
build/data-controls/index.js 1.04 kB 0 B
build/data/index.js 8.22 kB 0 B
build/date/index.js 5.36 kB 0 B
build/deprecated/index.js 771 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.06 kB 0 B
build/edit-post/index.js 90.7 kB 0 B
build/edit-post/style-rtl.css 8.7 kB 0 B
build/edit-post/style.css 8.69 kB 0 B
build/edit-site/index.js 4.58 kB 0 B
build/edit-site/style-rtl.css 2.77 kB 0 B
build/edit-site/style.css 2.76 kB 0 B
build/edit-widgets/index.js 4.36 kB 0 B
build/edit-widgets/style-rtl.css 2.8 kB 0 B
build/edit-widgets/style.css 2.79 kB 0 B
build/editor/editor-styles-rtl.css 327 B 0 B
build/editor/editor-styles.css 328 B 0 B
build/editor/index.js 45.1 kB 0 B
build/editor/style-rtl.css 4.13 kB 0 B
build/editor/style.css 4.11 kB 0 B
build/element/index.js 4.45 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.6 kB 0 B
build/format-library/style-rtl.css 500 B 0 B
build/format-library/style.css 501 B 0 B
build/hooks/index.js 1.92 kB 0 B
build/html-entities/index.js 621 B 0 B
build/i18n/index.js 3.45 kB 0 B
build/is-shallow-equal/index.js 711 B 0 B
build/keyboard-shortcuts/index.js 2.3 kB 0 B
build/keycodes/index.js 1.68 kB 0 B
build/list-reusable-blocks/index.js 2.99 kB 0 B
build/list-reusable-blocks/style-rtl.css 215 B 0 B
build/list-reusable-blocks/style.css 216 B 0 B
build/media-utils/index.js 4.85 kB 0 B
build/notices/index.js 1.57 kB 0 B
build/nux/index.js 3.02 kB 0 B
build/nux/style-rtl.css 616 B 0 B
build/nux/style.css 613 B 0 B
build/plugins/index.js 2.54 kB 0 B
build/primitives/index.js 1.49 kB 0 B
build/priority-queue/index.js 878 B 0 B
build/redux-routine/index.js 2.84 kB 0 B
build/rich-text/index.js 14.3 kB 0 B
build/server-side-render/index.js 2.54 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.27 kB 0 B
build/url/index.js 4 kB 0 B
build/viewport/index.js 1.61 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.18 kB 0 B

compressed-size-action

Copy link
Contributor

@ockham ockham left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a few minor notes and one question, but overall good to merge 👍

if ( ! empty( $post_tags ) ) {
$output = '';
foreach ( $post_tags as $tag ) {
$output .= '<a href="' . get_tag_link( $tag->term_id ) . '">' . $tag->name . '</a>' . ' | ';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should get to a point where we support the common customization the theme function tags offer: https://codex.wordpress.org/Function_Reference/the_tags

@epiqueras epiqueras merged commit cd851b2 into master Feb 24, 2020
@epiqueras epiqueras deleted the add/post-tags-block branch February 24, 2020 15:56
@youknowriad youknowriad modified the milestones: Future, Gutenberg 7.6 Feb 26, 2020
@mapk mapk mentioned this pull request Mar 18, 2020
8 tasks
@ellatrix ellatrix mentioned this pull request Jun 16, 2020
12 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Design Feedback Needs general design feedback. New Block Suggestion for a new block
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants