by RobertGillmer 5 (1 reviews)

Block Style Guides

Name: Block Style Guides
Rating: 5.0 (1 reviews)
Author: RobertGillmer

Create "style guides" displaying all core WordPress Gutenberg blocks, including variations, for styling purposes.

Block Style Guides ranks #45,253 among WordPress.org plugins with 10+ active installations, a 5/5 rating from 1 reviews, and was last updated Apr 28, 2019. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 5.1 (Current: 7.1.4)

v1.2.2 Current Version v1.2.2

Updated 7 years ago Last Update on 28 Apr, 2019

Refreshed 1 week ago Last Refreshed on

Top 50% by installs No update in over a year

View on WordPress.org

Rank

#45,253

— No change

Active Installs

10+

-33.3%

KW Avg Position

N/A

— No change

Downloads

2.3K

+1 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (1 reviews)

Next Milestone 20

Total Progress 50%

10+ 20+

22,080

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 5 more installs to reach 20+

Rank Changes

Current #45,253

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

1 reviews

Overall 100%

1 (100%)

0 (0%)

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.2.2
Last Updated: Apr 28, 2019
Requires WP: 5.0+
Tested Up To: 5.1
PHP Version: 5.3 or higher
Author: RobertGillmer

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 1
Support Threads: 0
Resolved: 0%

Keywords

block styling blocks gutenberg gutenberg blocks gutenberg styling

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,757

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,015

Frequently Asked Questions

Common questions about Block Style Guides

Yes it can. The Gutenberg mockup that this plugin puts into the_content will be parsed by WordPress just as if it had been entered through the editor directly.

That will be offered in a future release.

If you have the following plugins installed and activated, there will be separate pages created for each: Atomic Blocks Block Gallery CoBlocks Next on the roadmap is Ultimate Addons for Gutenberg and Kadence Blocks I would rather use different placeholder text / images / URL's. And, I'd really like to not Rickroll people, kaythxbai. Many of the placeholders are now filterable: bsg-very-short-lorem (default: some lorem, I'm not typing it out here) bsg-short-lorem (default: some different lorem) bsg-medium-lorem (default: some other different lorem) bsg-long-lorem (default: some alternative other different lorem) bsg-small-square-image (default: https://via.placeholder.com/400x400) bsg-medium-square-image (default: https://via.placeholder.com/800x800) bsg-large-square-image (default: https://via.placeholder.com/1600x1600) bsg-small-portrait-image (default: https://via.placeholder.com/225x400) bsg-medium-portrait-image (default: https://via.placeholder.com/450x800) bsg-large-portrait-image (default: https://via.placeholder.com/900x1600) bsg-small-landscape-image (default: https://via.placeholder.com/400x225) bsg-medium-landscape-image (default: https://via.placeholder.com/800x450) bsg-large-landscape-image (default: https://via.placeholder.com/1600x900) bsg-primary-custom-color (default: #bada55) bsg-secondary-custom-color (default: #c0ffee) bsg-tertiary-custom-color (default: #facade) bsg-website-url (default: https://wordpress.org) bsg-audio-url (default: https://upload.wikimedia.org/wikipedia/en/d/d0/Rick_Astley_-_Never_Gonna_Give_You_Up.ogg) bsg-video-url (default: https://www.youtube.com/watch?v=dQw4w9WgXcQ) bsg-giphy-url (default: https://media1.giphy.com/media/a6OnFHzHgCU1O/giphy.gif) bsg-gist-url (default: https://gist.github.com/robert-gillmer/370c261c97c136b68c034473d9ec87b7)

Nah, just call the filter directly. This keeps you from having to track down the class name with the namespacing and the bases and the everything.

In order to make the video URL filterable, the URL is injected into the markup as part of an echo call. For some reason, this makes WordPress not convert it to an oEmbed until the page is viewed from the backend. And why is that? Because normally a wizard does it, but he gets confused by echo statements. Or something.

Block Style Guides

Next Milestone 20

Unlock Exact Install Count

Rank Changes

Upgrade to Pro

Active Installs Growth

Downloads Growth

Upgrade to Pro

Reviews & Ratings

Track This Plugin

Plugin Details

Support & Rating

Keywords

Upgrade to Pro

Similar Plugins

Frequently Asked Questions

Sign In / Register