Explore sharing our Media Kit blocks/patterns with the WP.ORG Pattern Directory

[jeffpaul]

Is your enhancement related to a problem? Please describe.

We’re looking to take the blocks that are included in the media kit page created by the plugin (see screenshots in the readme file) and then craft each of those blocks (except for the tab blocks one as there’s nothing to base that on currently in core) as block patterns. Our hope is that each of those blocks, tab ones not included, can get into a pattern that we can then submit to the WP.org Block Pattern Directory via the 10up account.

Designs

See existing block/pattern designs within the plugin itself (or screenshots from README.md).

Describe alternatives you've considered

n/a

Code of Conduct

• I agree to follow this project's Code of Conduct

[barneyjeffries]

patterns.zip

@jeffpaul I have taken a first pass at the block patterns - see link to attached zip file with the HTML for each. I have got as close as possible using the standard block styling options, plus a few inline CSS styles.

[faisal-alvi]

@barneyjeffries Great! Have you confirmed that the WP Block Pattern Directory would accept the same HTML? You may check it out at https://wordpress.org/patterns/new-pattern if you haven't already.

[barneyjeffries]

@faisal-alvi I have gone through and copied the patterns into the WP pattern editor and it seems to accept the patterns successfully.

[jeffpaul]

Noting that @jamespstyles will also help test those patterns and see if there are any further tweaks to improve things there before we submit

[jamespstyles]

Hi @jeffpaul I've made some small adjustment to the patterns that @barneyjeffries started. Please find the tweaked patterns attached.

patterns-tweaked.zip

Specific updates included:

• Specifying white text colours on the "cover.html" block
  -- I noticed that in when activating the core Twenty Twenty-Three theme the text was black
• Improving the alignment and simplicity of the tick bullet points in the "our-packages.html" by using the Unicode “✓” Character instead of an image
• Added separators in the "our-packages.html" under the tick list.
• Reworked "question-block.html" removing the dependancy on "Publisher Media Kit" being installed and active by remove the pmk-question-block class.
• Tweaked "stats.html" to slightly improve the spacing of each stat by introducing a group block.

I think we're getting pretty close to what we can achieve with the standard block styling options - and it's a shame that we're missing some simple things border-radius styling and some of the custom background styles, but hopefully these patterns may be useful nonetheless!

[jeffpaul]

@fabiankaegy curious for your take on the areas lacking here and if waiting a bit will make those more feasible or if we're better served by sharing these patterns now?