[WordPress] 外掛分享： Blocksolid

內容簡介

Blocksolid 是一款輕量級的 WordPress 外掛，旨在提升 Gutenberg 編輯器的使用體驗，減少網站負擔，並加速頁面加載速度。它不會新增區塊，而是增強現有的內建區塊，讓使用者能更輕鬆地控制佈局與樣式。

【主要功能】
• 增強 Gutenberg 編輯器的可視化操作
• 簡化佈局控制，提供可見的邊框和把手
• 自訂顏色調色盤，避免色彩混亂
• 支援將 WPBakery Visual Composer 頁面轉換為 Gutenberg 區塊
• 提供響應式間距管理，無需內聯樣式
• 設定匯出與匯入功能，便於快速設置

外掛標籤

開發者團隊

原文外掛簡介

– Reduce the bloat and speed up your site
Don’t slow down your website forcing visitors to download an additional website builder.
Gutenberg is built into WordPress and Blocksolid is super-lightweight too.
Blocksolid doesn’t add any new blocks to Gutenberg, it enhances the built-in blocks.
– Make Gutenberg easier
Blocksolid provides an overlay for Gutenberg when editing pages which can be switched on and off.
Blocksolid adds visible edges to your blocks in the editor to let you see what you are doing.
Blocksolid Features
Note that all features can be switched toggled on and off.

Control your layout

Use Gutenberg’s built-in Columns block to lay out your pages.
During editing Blocksolid makes Columns and Rows stand out and adds “handles” to streamline layout control.
“Handles” are tabs visible during editing that allow you to select rows and columns without having to click with the breadcrumb trail. Rows have a handle at the top left, and columns at the bottom left.

Responsive spacing without inline styles

Blocksolid’s enhancements to the built-in Gutenberg Columns block allow you to easily manage margins and padding in your layout, putting your page elements exactly where you want them.
You can set your own standard metrics for each spacing and the pick from these each time. You no longer have to type in individual spacings on every column and row – control your layout with a click. Spacings are based upon classes rather than inline styles which means leaner, cleaner code.
Unlike other website builders, Gutenberg allows you to nest rows and columns to any level, allowing you to get exactly the result you want.

Beta Feature – Convert / Migrate pages from WPBakery Visual Composer to Gutenberg blocks

Added a limited ability to clone pages with their Visual Composer / WP Bakery shortcodes converted to Gutenberg blocks. Pages are copied and converted, the originals are preserved.

Control your palette

By default Gutenberg gives website editors unrestricted access to any color or gradient combination that they like. In no time at all this level of freedom can and will make a well thought out website look like a technicolor mess.
As the administrator Blocksolid allows you to set your own restricted palette for your site editors to use and also exposes this as named CSS variables that you can use in your theme’s styles.

Stretch row backgrounds

If you need a website that has a central content area but want your row background colors to stretch to the edges of the screen Blocksolid has you covered.

Classes Ticklist

You can create a list of style classes and then select these from a simple ticklist to style your rows and columns.

Export your settings

You can freely install and uninstall Blocksolid and keep on using Gutenberg. Blocksolid’s enhancements are based upon CSS classes, even the spacings, so you can continue to use these classes in your theme for layout.
Blocksolid allows you to export its settings including the controlled palette and import them on another site using Blocksolid for fast setup.

Tried and tested

The following websites were all built recently using Blocksolid:
Floc
Royal Solent Yacht Club
MBS Daylight
Sports Pros Connect Football
Sussex Yacht Club
Wealdens
Al Duomo
Camping Chair Bag – We originally built this simple site using WP Bakery Page Builder but replacing this with Blocksolid saw a 40% speed improvement.