README

Blockify 是一个轻量级的全站编辑块主题框架，适用于 WordPress。它提供了一些实用的功能，帮助您使用仅核心块构建现代、快速加载的网站。Blockify 对速度进行了优化，默认不加载 CSS、JavaScript、图片或字体文件。自定义设置包括 SVG 图标、自定义 Google 字体、盒阴影、渐变文本、绝对定位、响应式设置、负边距等。

专为与任何 FSE 主题和最受欢迎的 WordPress 插件一起使用而设计。它是构建您自己的自定义块主题的完美起点和工具集。使用 Blockify，创建快速且时尚的基于块的网站从未如此简单。今天试试看，看看它能为您的网站带来什么不同。

站点编辑

Blockify 设计用于与任何 FSE 主题一起使用。它提供了一些有用的设置，帮助您自定义网站，包括

站点标识（logo、标题、标语）
自定义 Google 字体
SVG 图标
附加 CSS
深色模式

所有设置都在站点编辑器或任何编辑页面上可用。在编辑器的选项 > 插件部分中找到 Blockify 设置。

块变体

Blockify 提供了一些仅使用核心 WordPress 块的块变体

手风琴 - (列表块)
计数器 - (段落块)
曲线文本 - (段落块)
网格 - (分组块 - 即将推出)
图标 - (图片块)
跑马灯 - (分组块)
SVG - (图片块)

块扩展

带有响应式和悬停状态设置的块扩展

动画
背景
显示
过滤器
负边距
点击属性
位置
盒阴影
变换

文本格式

清除格式
渐变文本
内联 SVG
文本轮廓
字体（字体族、字体大小、字体粗细）
下划线（多种样式）

块样式

表面
暗/亮模式
清单
清单圆圈
清单方框
巨量菜单
副标题
公告
分隔符 - 曲线/波浪/角度/圆形/淡入

常见问题解答

此插件与哪些主题一起使用？

此插件设计用于与任何全站编辑块主题一起使用。

设置页面在哪里？

此插件不提供设置页面。所有设置都可在块编辑器中找到，可通过点击屏幕右上角的 Blockify 图标访问。

如何添加自定义深色模式颜色？

可以从站点编辑器中通过点击屏幕右上角的样式图标自定义深色模式调色板。

转到外观 > 编辑器
点击右上角的样式按钮（光/暗圆圈）
点击颜色
点击调色板
点击自定义选项卡
在自定义部分中，点击添加 ➕ 按钮
选择您的颜色，并为每个颜色指定以深色模式开头的名称，例如：深色模式前景色
点击完成并点击保存以保存您的更改

这是一个主题框架吗？

Blockify 插件提供了一套有用的功能，帮助您使用仅核心块构建现代、快速加载的网站。它是构建您自己的自定义块主题的完美起点和工具集。

该框架包含大量有用的块定制功能、智能基础CSS以及一组块变体和扩展，可以帮助您更快地构建网站。它设计用于与任何FSE主题和最受欢迎的WordPress插件一起使用。

它可以作为插件、主题或Composer包安装。免费的Blockify主题演示了如何将插件作为包在自己的主题中使用。推荐使用Blockify的方式是将其作为插件与您自己的父块主题一起使用。Blockify主题不是必需的。

我需要安装Blockify主题吗？

如果Blockify插件处于活动状态，则不需要Blockify主题。

Blockify插件将与任何父块主题一起工作。

我如何向编辑器添加图标？

您可以通过在任何块编辑器位置插入图像块来创建SVG图标，然后从右侧边栏设置中选择“SVG图标”块样式。原始图像不会被加载，而是显示所选的SVG图标。要为图标添加渐变，请从背景颜色设置中选择渐变，并从文本颜色设置中清除任何颜色。

我如何向编辑器添加自定义图标集？

可以通过将图标路径传递到Blockify配置中来添加自定义图标集。请参阅默认Blockify主题以获取示例。

我需要什么版本的PHP？

需要PHP 7.4或更高版本。不再支持较低版本。

我如何添加过滤器和操作钩子的代码片段？

父主题、子主题和插件都可以用来修改Blockify的默认行为。每个函数要么通过过滤器添加，要么通过操作添加，这为开发者提供了更多的控制。

安装

您可以直接从您的网站安装此插件。

登录并导航到插件→添加新插件。
在搜索框中输入“Blockify”并按Enter键。
在搜索结果列表中找到Blockify插件，然后点击“立即安装”。
安装完成后，点击“激活”链接。

它也可以手动安装

从WordPress.org下载Blockify插件。
解压包并将其移动到您的插件目录。
登录WordPress并导航到插件屏幕。
在列表中找到Blockify并点击“激活”链接。

Composer

Blockify可以作为Composer包安装。这是将Blockify作为插件或主题使用时的推荐方式。

安装Composer。
从您项目的根目录运行以下命令

composer require blockify/framework

在您的主题或插件中引入Composer自动加载文件

require_once __DIR__ . '/vendor/autoload.php';

Blockify现在可以使用了。

版权

与WordPress一样，此插件在GPL许可下发布。

blockify / plugin

维护者

详细信息