[WordPress] 外掛分享: Designer Blocks for Block Editor by Weaver

首頁外掛目錄 › Designer Blocks for Block Editor by Weaver
WordPress 外掛 Designer Blocks for Block Editor by Weaver 的封面圖片
50+
安裝啟用
★★★★★
5/5 分(1 則評價)
2657 天前
最後更新
問題解決
WordPress 4.9.8+ PHP 5.4+ v1.0.1 上架:2018-06-16

內容簡介

新的區塊編輯器(Gutenberg)為編輯 WordPress 頁面和文章提供了全新的方式。標準版本提供了許多區塊,但 Weaver 的區塊設計外掛為區塊編輯器添加了幾個新的區塊,使網站的頁面添加現代網頁設計模式變得容易。

Weaver 的區塊設計外掛目前包括:

圖像/文字多合一

在一列中結合圖像和最多三個文本元素。您可以控制圖像的大小和形狀。您可以獨立控制三個文本元素的位置、文字顏色和字體大小。您可以切換列的順序。

您不僅可以控制背景顏色,還可以指定一個封面背景圖像,可以切換為視差圖像。您可以控制背景圖像的顯示高度。此區塊使您可以輕鬆地在頁面上創建美麗的元素。

圖像列

創建一個帶有最多四個列和圖像的區塊,其標題和描述位於圖像下方。圖像可以是正方形、圓形或原始圖像的比例。

這種網頁設計模式在許多現代網站上發現,通常用於顯示工作人員、產品圖像/標誌或其他帶有文本的區塊。圖像列區塊使得創建此設計變得非常容易。

區塊共用的功能

圖像形狀選擇:原始長寬比,以及三種大小的正方形或圓形
列背景色
文本區域文字顏色和字體大小。
標準的 Gutenberg 文本屬性:粗體、斜體、刪除線、鏈接
如果主題支持,則支持寬屏和全屏顯示
響應式-自動適應桌面和移動設備

演示、幫助和全面支持在我們自己的網站上

Weaver 的區塊設計外掛演示
Weaver 支援論壇

歡迎提供建議

此版本已經通過 WordPress 5.0 正式發佈的測試。隨著區塊編輯器中的功能、API 和最佳實踐的變化,此外掛也將更新。

此外掛的目標是包含易於使用的區塊,這些區塊混合圖像、文本和背景圖像,排列成不同的創意模式。如果您有喜愛的網頁設計模式,並希望輕鬆實現,只需發送一封電子郵件給我們,我們會看看它是否可以成為一個區塊。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Designer Blocks for Block Editor by Weaver」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The new Block Editor Editor (Gutenberg) provides a completely new way to edit your WordPress Pages and Posts. The standard version provides many blocks, but Designer Blocks for the Block Editor by Weaver adds several new blocks that make it easy to add modern web design patterns to your pages.
Designer Blocks for the Block Editor by Weaver currently includes:

All-in-One Image/Text
Combine an image in one column with up to three text elements in the second column. You can control the size and shape of the image. You can independently control the position, text color, and font-size of the three text elements. You can switch the order of the columns.
Not only can you control the background color, you can also specify a cover background image that can be switch to a parallax image. You control the display height of the background image. This Block allows you to easily create amazingly beautiful elements on your page.

Image Columns
Create a block with up to four columns with an image at the top of the block, with a title and description under. The image can be a square, a circle, or the aspect of the original image.
This web design pattern is found on many modern sites, and is commonly used for showing staff, product images/logos with descriptions, or other blocks with text under an image. The Image Columns block makes it trivial to create this design.

Features shared by blocks

Image shape choice: original aspect ratio, plus square or circle in three sizes
Background color for columns
Text area text color and font-size.
Standard Gutenberg text properties: bold, italic, strikethrough, link
Wide and Full width display if theme supports it
Responsive – will automatically look good on desktops and mobile devices

Demos, Help, and Full support on our own website

Designer Blocks for Gutenberg by Weaver Demo
Weaver Support Forum

Suggestions Welcome

This version has been tested and is fully compatible with the final WordPress 5.0 release! As features, APIs, and best practices change in the Block Editor, so will this plugin.

The goal of this plugin it to include easy-to-use designer blocks that mix images, text, and background images arragned in different creative patterns. If you have a favorite web design pattern you’d like made easy, just send us an email, and we’ll see if it can be made into a block.

延伸相關外掛

文章
Filter
Mastodon