Title: Blockify &#8211; Lightweight Full Site Editing Block Toolkit
Author: Blockify
Published: <strong>2022 年 6 月 20 日</strong>
Last modified: 2023 年 11 月 8 日

---

搜尋外掛

![](https://ps.w.org/blockify/assets/banner-772x250.png?rev=2756758)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/blockify/assets/icon-256x256.png?rev=2756756)

# Blockify – Lightweight Full Site Editing Block Toolkit

 由 [Blockify](https://profiles.wordpress.org/blockify/) 開發

[下載](https://downloads.wordpress.org/plugin/blockify.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/blockify/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/blockify/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/blockify/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/blockify/#developers)

 [技術支援](https://wordpress.org/support/plugin/blockify/)

## 外掛說明

Blockify is a lightweight full-site editing block toolkit for WordPress. It provides
useful features to help you build modern, fast-loading websites using only core 
blocks. Blockify is optimized for speed, with no CSS, JavaScript, image, or font
files loaded by default. Customization settings include animations, SVG icons, custom
Google Fonts, box shadows, gradient text, absolute positioning, responsive settings,
negative margins and more.

Designed for use with any FSE theme and the most popular WordPress plugins. It’s
the perfect starting point and toolkit for building your own custom block theme.
With Blockify, creating fast and stylish block-based websites has never been easier.
Give it a try today and see the difference it can make for your site.

Please note that this plugin is not required if the Blockify theme is active.

### Block Variations

Blockify provides a number of block variations that use only core WordPress blocks:

 * Accordion – (list block)
 * Counter – (paragraph block)
 * Curved Text – (paragraph block)
 * Grid – (group block)
 * Icon – (image block)
 * Marquee – (group block)
 * SVG – (image block)

### Block Extensions

Block extensions with responsive and hover state settings:

 * Animation
 * Background
 * Display
 * Filter
 * Negative Margins
 * On Click attributes
 * Position
 * Box Shadow
 * Transform

### Text Formats

 * Clear Formatting
 * Gradient Text
 * Inline SVGs
 * Text Outline
 * Typography (Font Family, Font Size, Font Weight)
 * Underline (multiple styles)

### Block Styles

 * Surface
 * Dark/Light mode
 * Checklist
 * Checklist Circle
 * Checklist Square
 * Mega Menu
 * Sub Heading
 * Notice
 * Divider – curve/wave/angle/round/fade

### Pro Features

 * Pro Blocks
 * Custom Google Fonts
 * Premium SVG Icons
 * Automatic Dark Mode
 * Block Visibility
 * Plugin Integrations
 * eCommerce Support

Learn more about Blockify Pro at [blockifywp.com](https://blockifywp.com/pro).

### Copyright

This plugin, like WordPress, is licensed under the GPL.

© Copyright 2022 BlockifyWP.

## 螢幕擷圖

 * [[
 * Site Identity settings
 * [[
 * Google Fonts, Icons and Additional CSS
 * [[
 * Transform and filter effects
 * [[
 * Box Shadow
 * [[
 * Text Gradients
 * [[
 * Text underline
 * [[
 * Icon block variation
 * [[
 * SVG block variation
 * [[

## 安裝方式

This plugin can be installed directly from your site.

 1. Log in and navigate to Plugins  Add New.
 2. Type “Blockify” into the search and hit Enter.
 3. Locate the Blockify plugin in the list of search results and click Install Now.
 4. Once installed, click the Activate link.

It can also be installed manually:

 1. Download the Blockify plugin from WordPress.org.
 2. Unzip the package and move to your plugins directory.
 3. Log into WordPress and navigate to the Plugins screen.
 4. Locate Blockify in the list and click the Activate link.

## 常見問題集

### Which themes does this plugin work with?

This plugin is designed to work with any Full Site Editing block theme.

### Is this plugin required for the Blockify theme or child themes?

No, this is a standalone plugin which provides the same functionality as the Blockify
theme.

### Is there a Pro version available?

Yes, the Blockify Pro plugin is available for purchase from the Blockify website
and is compatible with any WordPress FSE block theme when the free Blockify plugin
is installed.

### Where is the settings page?

This plugin provides no settings page. All settings are available in the block editor
and can be accessed by clicking on the Blockify icon in the top right corner of 
the screen.

### How to add custom Dark Mode colors?

The Dark Mode color palette can be customized from the Site Editor by clicking the
Styles icon in the top right of the screen.

 1. Navigate to Appearance > Editor
 2. Click on the Styles button in the top right corner (light/dark circle)
 3. Click Colors
 4. Click Palette
 5. Click the Custom tab
 6. In the Custom section, click the Add ➕ button
 7. Select your colors and then give each color a name beginning with Dark Mode, for
    example:
     Dark Mode Foreground
 8. Click Done and click Save to save your changes

### How is this a theme framework?

The Blockify plugin provides a collection of reusable features to help you build
modern, fast-loading websites using only core blocks. It’s the perfect starting 
point and toolkit for building your own custom block theme.

The framework includes a tonne of useful block customization features, smart base
CSS, and a set of block variations and extensions to help you build your site faster.
It’s designed to work with any FSE theme and the most popular WordPress plugins.

It can be installed as a plugin, theme or a Composer package. The free Blockify 
theme demonstrates how to use the plugin as a package in your own theme. The recommended
way to use Blockify is as a plugin with your own parent block theme. The Blockify
theme is not required.

### Do I need to install the Blockify theme?

The Blockify theme is not required if the Blockify plugin is active.

The Blockify plugin will work with any parent block theme.

### How do I add icons to the editor?

SVG Icons can be created by inserting an Image block anywhere in the block editor
and then selecting the “SVG Icon” block style from the right sidebar settings. The
original image is not loaded and the selected SVG icon is displayed instead. To 
add a gradient to an icon, select a gradient from the Background Color setting and
clear any colors from the Text Color setting.

### How do I add a custom icon set to the editor?

Custom icon sets can be added by passing the path to the icons to the Blockify config.
Please see the default Blockify theme for an example.

### What version of PHP do I need?

PHP 7.4 or higher is required. Lower versions are no longer supported.

### How do I add code snippets for filter and action hooks?

Parent themes, child themes and plugins can all be used to modify the default behaviour
of Blockify. Every function is either added with a filter or an action which provides
developers more control.

## 使用者評論

![](https://secure.gravatar.com/avatar/944b04bd5016a43cd93d0f3e5d11d3c467453d433fe7a18b9996ea73eae3e89f?
s=60&d=retro&r=g)

### 󠀁[Buggy when customising colours](https://wordpress.org/support/topic/buggy-when-customising-colours/)󠁿

 [alishaingram](https://profiles.wordpress.org/alishaingram/) 2024 年 5 月 12 日

Buggy when customising colours

![](https://secure.gravatar.com/avatar/1abba8517f6ec1f967f353e43a37a196736031814f07834d108f058394b38d7f?
s=60&d=retro&r=g)

### 󠀁[Needs to be updated](https://wordpress.org/support/topic/needs-to-be-updated-13/)󠁿

 [anonmeimei](https://profiles.wordpress.org/anonmeimei/) 2023 年 5 月 26 日 1 則
留言

Tried installing it on Wordpress 6.2.2, and it doesn’t work. Nothing happens.

![](https://secure.gravatar.com/avatar/985df201f503174ff07c94a52e5a0b7fbd126a7bd1e65a16839153579013300d?
s=60&d=retro&r=g)

### 󠀁[Not working.](https://wordpress.org/support/topic/not-working-4075/)󠁿

 [mashfadel](https://profiles.wordpress.org/mashfadel/) 2023 年 4 月 29 日

Trying it with the child themes – Saasify and Launchify and the plugin does not 
show up.

![](https://secure.gravatar.com/avatar/7176779a5a386ced4e2c71baf78034c8519e885f8e0d47b361592ed9c42d4543?
s=60&d=retro&r=g)

### 󠀁[won’t work](https://wordpress.org/support/topic/wont-work-37/)󠁿

 [ianhyzy](https://profiles.wordpress.org/ianhyzy/) 2023 年 2 月 14 日 2 則留言

says i I need to install the plugin when opening the plugin menu in the FSE; i have
no caching plugins installed

 [ 閱讀全部 4 則使用者評論 ](https://wordpress.org/support/plugin/blockify/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Blockify – Lightweight Full Site Editing Block Toolkit〉
的開發相關工作。

參與者

 *   [ Blockify ](https://profiles.wordpress.org/blockify/)

[將〈Blockify – Lightweight Full Site Editing Block Toolkit〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/blockify)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/blockify/)、查看
[SVN 存放庫](https://plugins.svn.wordpress.org/blockify/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/blockify/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/blockify/)。

## 變更記錄

#### 1.3.1 – 8 November 2023

 * Update: Compatibility with Blockify theme 1.3.1

#### 1.3.0 – 8 November 2023

 * Update: Compatibility with WordPress 6.4 and Blockify theme 1.3.0

#### 0.7.0 – 14 March 2023

 * Remove: Everything except theme framework

#### 0.6.3 – 21 December 2022

 * Fix: Framework loading priority

#### 0.6.2 – 20 December 2022

 * Fix: Editor stylesheets

#### 0.6.1 – 20 December 2022

 * Fix: Fonts
 * Fix: Editor style paths

#### 0.6.0 – 20 December 2022

 * Add: Theme as a package

#### 0.5.1 – 17 December 2022

 * Add: Default box shadow styles
 * Add: Unbounded font family

#### 0.5.0 – 8 December 2022

 * Add: Plugin settings
 * Add: Theme framework
 * Add: Dark mode toggle block
 * Add: SVG site logo support
 * Remove: Existing blocks

#### 0.4.0 – 16 November 2022

 * Add: Api Key fields
 * Remove: Deprecated blocks (replaced with variations)

#### 0.3.0 – 3 September 2022

 * Add: New reCaptcha v2 block
 * Add: reCaptcha v3 setting to Submit block
 * Add: Columns support to form
 * Add: blockify_form_user_data filter
 * Add: Slider arrows and dots visibility settings

#### 0.2.0 – 29 August 2022

 * Update: Rename newsletter block to form

#### 0.0.15 – 20 August 2022

 * Remove: Divider block, moved to spacer block
 * Add: Missing pot file

#### 0.0.14 – 20 August 2022

 * Fix: Calls to undefined functions

#### 0.0.13 – 19 August 2022

 * Remove: Theme related features

#### 0.0.12 – 25 July, 2022

 * Fix: Reverse on mobile
 * Fix: Navigation block font size

#### 0.0.11 – 24 July 2022

 * Fix: Google fonts loading
 * Remove: Theme related functions

#### 0.0.10 – 22 July 2022

 * Update: Move icons to config

#### 0.0.9 – 21 July 2022

 * Fix: Reverse on mobile settings
 * Update: Improve box shadows

#### 0.0.8 – 20 July 2022

 * Fix: Google map block
 * Fix: Site editor scripts

#### 0.0.7 – 19 July 2022

 * Add: Accordion block description
 * Update: Add blocks to config

#### 0.0.6 – 19 July 2022

 * Add: Block descriptions

#### 0.0.5 – 19 July 2022

 * Add: Screenshots

#### 0.0.4 – 19 July 2022

 * Remove: Pattern functions

#### 0.0.3 – 15 July 2022

 * Update: Readme

#### 0.0.2 – 12 July 2022

 * Remove: Framework CSS

#### 0.0.1 – 20 June 2022

 * Initial commit:

## 中繼資料

 *  版本 **1.3.1**
 *  最後更新 **3 年前**
 *  啟用安裝數 **50+**
 *  WordPress 版本需求 ** 6.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.4.8**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/blockify/)
 *  [進階檢視](https://tw.wordpress.org/plugins/blockify/advanced/)

## 評分

 1 星，滿分為 5 星

 *  [  0 個 5 星使用者評論     ](https://wordpress.org/support/plugin/blockify/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/blockify/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/blockify/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/blockify/reviews/?filter=2)
 *  [  4 個 1 星使用者評論     ](https://wordpress.org/support/plugin/blockify/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/blockify/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/blockify/reviews/)

## 參與者

 *   [ Blockify ](https://profiles.wordpress.org/blockify/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/blockify/)