Skip to content

Conversation

vipul0425
Copy link
Contributor

What?

This PR adds custom controls for designing the read more button in the post excerpt block. It adds border control and background, and text color selection specifically for the readmore button.

Why?

As mentioned in issue #57352 there were no specific design tools for the readmore link in the post excerpt block. This PR adds some controls like border, border color, border radius, background color, and text color for the Readmore link.

How?

  • Added block support for border- style, width, color, and radius.
  • Added attribute to hold the background and text color for the readmore link.
  • Implemented PanelColorSettings in the styles tab of inspectorControl to select colors for readmore link.

Testing Instructions

  1. Open a post or page.
  2. Insert a post excerpt block.
  3. Add some content to it and then write some text in "readmore" text placeholder.
  4. In the inspector control custom color selection for the readmore link can be found where the user can select the background and text color for the "readmore" text.
  5. In the bottom of the inspector control border controls can be found where the user can select border width, color, style, and radius.

Screenshots or screencast

Screenshot 2024-01-08 at 12 31 07 PM Screenshot 2024-01-08 at 12 31 46 PM

@github-actions github-actions bot added the First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository label Jan 8, 2024
Copy link

github-actions bot commented Jan 8, 2024

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @vipul0425! In case you missed it, we'd love to have you join us in our Slack community, where we hold regularly weekly meetings open to anyone to coordinate with each other.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

@fabiankaegy fabiankaegy added [Type] Feature New feature to highlight in changelogs. [Block] Post Excerpt Affects the Post Excerpt Block [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi labels Jan 8, 2024
Copy link

github-actions bot commented May 2, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: vipul0425 <vipulgupta003@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@Mamaduka
Copy link
Member

Mamaduka commented Aug 4, 2025

Thanks for contributing, @vipul0425!

It looks like the problem has been partially resolved, but the discussion is still ongoing. I'm going to close this PR, since it's not actionable until the final decision has been reached.

@Mamaduka Mamaduka closed this Aug 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Post Excerpt Affects the Post Excerpt Block [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository [Type] Feature New feature to highlight in changelogs.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants