27 11 月, 2025

Blocksy 主题教程:轻松搭建多功能的网站

本篇 Blocksy 主题教程将教你如何使用这款轻量且高度可定制的 WordPress 主题。涵盖主题安装、演示导入、页面布局和个性化设置,帮助你快速创建博客、电商或企业官网,轻松实现专业网站效果。

前言

Blocksy 是另一款 WordPress 主题他和 Astra 非常的相似。我说的相似主题体现在模版类型都有免费和收费的, 安装的方法和流程,主题的设置管理上都差不多。

Blocksy 教程

当然,这 2 款主题还是有很多不同的地方,下面让我们看看这篇 Blocksy 主题教程,说不定看完之后你也会喜欢上他。

Blocksy 主题介绍

Blocksy 是一款速度极快且轻量级的 WordPress 主题,即使是不懂编程技术,也可以在几分钟内轻松构建任何类型的网站。例如,商业机构、商店、企业、教育、餐厅、博客、投资组合等。如果你掌握了 Blocksy 主题教程设置技巧,无论你要做成什么行业 Blocksy 都能实现的。

Blocksy 和 Astra 主题对比

从主题的设计风格上,我更喜欢 Blocksy 多一些,Blocksy 主题教程设计更时尚,字体也更好看些。从后台操作和编辑的角度,Blocksy 会比 Astra 更难一些。Blocksy古腾堡gutenberg)兼容性做的好。Astra Elementor 兼容性做的好一些。

Blocksy 主题特色

轻量级、高性能
Blocksy 使用现代前端技术开发,加载速度极快,优化得非常好。
设计灵活性强
拥有强大的 Header 和 Footer 构建器,全局样式控制,博客、电商等页面布局高度可控。
兼容性好
与 Gutenberg、Elementor、Brizy 等主流页面构建器都兼容。
免费的功能强
即使不付费,Blocksy 免费版也足以构建一个漂亮专业的网站。
模版通用性
博客、电商网站、企业站、作品集,几乎都可以套用。

兼容多种页面构建器

性能评测

Blocksy 比大多数类似的 WordPress 主题更轻、更快。专业的网站评测测试结果如下:

Blocksy 主题模版

Blocksy 模版类型

Blocksy 主题教程分为8个主要类别。您可以从100多个现成的模板中进行选择,兼容的页面构建器为您打造完美网站。探索我们全面的预设计模板库,适用于任何项目,几分钟内即可构建专业的 WordPress 网站。

多功能电子商务主题

Blocksy 主题模版一

Kiddy的核心是极简主义,但仍提供有趣和好玩的叙述,是开展新的在线业务的完美选择。高级筛选、产品对比表和尺码指南等强大功能,能够帮助购物者为宝宝找到最合适的商品。结合“免运费”等营销功能,您将能够让顾客眼前一亮,并留住他们更长时间。

Woocommerce 主题

Blocksy 主题模版二

电动自行车入门网站是您的探险旅行业务在线商店的完美设计。E-bike设计简洁美观,点缀着亮眼的金黄色。它是开启您的探险旅行网店之旅的完美之选。强大的电商功能,例如产品筛选和款式图,更是锦上添花,让所有渴望探险的人士都能轻松上手。

旅游类博客型主题

Blocksy 主题模版三

Travel这个旅行网站非常适合想要记录旅程的任何人。首页的英雄设计令人惊艳,让访客瞬间爱上你的网站。博客版块经过精心设计,可以展示你冒险中的精彩瞬间,而“关于”页面则让你了解你的博客是如何诞生的。

网站类型标签:旅游、通用型主题

电子科技的电商主题

Blocksy 主题模版四

Gadgets 是您的技术电子商务网站的完美展示。WooCommerce 已预安装,因此非常容易上手。该设计极具未来感,因此建立您自己的电子商店并吸引眼球非常容易。

网站类型标签:电子商务、商业

免费与付费主题的区别

免费版主题只有基础的框架,有限模板库和基本功能模块,如果只是在原有的模版上替换网站内容,可以用免费主题;

付费版主题解锁了所有的高级模板,全部的功能模块,自定义控制页面的布局,增强了主题模版后台管理和设置。根据用户专业扩展能力,搭建出更加出色的网站。

付费主题功能介绍

功能Blocksy 免费版Blocksy Pro
价格免费需付费(具体价格根据授权类型而定)
页眉和页脚设计基础设计选项高级设计选项,支持更多布局和样式
自定义字体支持 Google Fonts支持 Google Fonts 和自定义上传字体
颜色与排版基础颜色和排版选项更多高级颜色和排版控制
博客布局基础博客布局更多博客布局和文章样式选项
WooCommerce 集成基础 WooCommerce 支持高级 WooCommerce 功能(如快速查看、自定义商店布局)
透明页眉不支持支持透明页眉和更多页眉效果
粘性页眉基础粘性页眉高级粘性页眉选项(如智能隐藏)
自定义脚本不支持支持自定义 CSS 和 JavaScript
高级模块支持更多模块(如动态数据、条件逻辑)
高级页脚设计基础页脚设计更多页脚布局和自定义选项
优先级支持社区支持官方优先支持
更新与维护免费更新优先更新和新功能体验

高级主题模版功能

Blocksy Pro 功能特色一

购买了 Blocksy 主题后,可以下载 Pro 版本的 Blocksy 主题。

解锁更多的扩展功能

Blocksy Pro 功能特色二
Shop Extra
为您的访客打造更优质的购物体验!添加产品快速浏览、愿望清单功能以及浮动添加到购物车按钮等功能。自定义单品图库/滑块和布局。
Post Types Extra
支持存档卡和单页帖子标题内的自定义字段,为您的帖子添加阅读进度条,并允许您为类别存档设置特色图像和颜色。
Local Google Fonts
从您自己的网络服务器提供您选择的 Google 字体。这将提高加载速度,并确保您的网站符合隐私规定。
Custom Fonts
上传无限数量的自定义字体或可变字体,并在 Blocksy 和您最喜欢的页面构建器中使用它们。
Adobe Fonts Adobe
连接您的 Adob​​e Fonts 项目并在 Blocksy 和您最喜欢的页面构建器中使用选定的字体。
Advanced Menu
创建精美的个性化菜单,让您的网站与众不同。为您的条目添加图标和徽章,甚至在下拉菜单中添加内容块。
Color Mode Switch
添加深色配色方案并切换到您的网站,这将使其在弱光环境下看起来赏心悦目。
Custom Code Snippets
在您的整个网站中注入自定义代码片段。该扩展程序可全局运行,也可按文章/页面运行。
Multiple Sidebars
创建无限的个性化小部件区域集,并使用我们的条件逻辑功能将其显示在任何页面或帖子上。
Shortcuts Bar
轻松将您的网站打造移动优先体验。您可以轻松将最重要的操作添加到屏幕底部,方便用户访问。
White Label
将 Blocksy 的品牌标识替换为您自己的品牌标识。轻松隐藏主题和配套插件的许可信息及其他信息,让您的最终产品看起来更专业。

更多的元素功能模块

Blocksy Pro 功能特色三

解锁更多的功能模块和元素信息。当要使用某个功能模块时,只需拖拽到右侧即可。

增加标题生成功能

Blocksy Pro 功能特色四

创建无限数量的高级标题,并根据条件将其显示在您网站的各个页面上。可以创建多个标题或重复元素。可以在自定义页眉:加入联系人、语言切换功能、搜索框等。

增强菜单展示功能

Blocksy Pro 功能特色五

创建超级菜单:在菜单中创建精美的下拉菜单,并添加任意内容。从覆盖宽度到列布局及其显示布局,一切都由您掌控。

为菜单项添加图标:在每个菜单项的文本标签旁边添加图标。或者,也可以完全禁用文本标签。

插入内容块:用内容块替换超级菜单覆盖列。

设置菜单项的设计样式:使用 Blocksy 的高级样式选项,可以对菜单中的每个项目进行单独样式设置,以满足您的品味。

自定义创建内容块

Blocksy Pro 功能特色六

使用您最喜欢的设计工具创建内容,并在直观的视觉线索的指导下将其显示在您网站的任何位置。

如果你已经能够熟练使用 Blocksy 免费版提供的功能,想要做更加高级的定制化网站,可以先看下 Blocksy Pro 付费版提供了哪些功能,然后再考虑是不是需要购买。

Blocksy 主题安装

Blocksy主题安装流程:激活主题、安装 Blocksy Companion 插件、导入演示内容、自定义主题插件。对于新手来说要做成一个网站其实是件很困难的事,Blocksy可以在短短几分钟内就搭建出一个接近成品的网站,降低了制作网站的门槛。

搜索主题名安装并启用

Blocksy 主题安装流程一

Blocksy 免费版:免费版的 Blocksy 主题安装方法如图,进入到你的 WordPress 网站 > 外观 > 主题  > 添加主题。 搜索你想安装的主题名称。例如,搜索 “ Blocksy ” 时,底部的板块会自动动态查询有没有这个名字的主题。如果有,则可以表示可以安装,安装成功后记得点击 “ 启动 ”。 

安装 Blocksy Companion 导入主题数据

Blocksy 主题安装流程二

Blocksy Companion ” 必须安装,它是实现 ” 一键导入网站模板 “的方法。

选择主题模版

Blocksy 主题安装流程三

点击 “ Start Sites ” 选择你想要的 Blocksy 主题,除了有 Pro 标记不能安装,其他都可以。

导入主题模版的数据

Blocksy 主题安装流程四
Blocksy 主题安装流程五
Blocksy 主题安装流程六
Blocksy 主题安装流程七
Blocksy 主题安装流程八

安装 Blocksy 主题模版尽量不要选古腾堡,选择 Elementor 插件。总之,我用惯 Elementor 再用古腾堡很不习惯了。

安装成功后及效果预览

Blocksy 主题安装流程九

假如你用的是国内主机的话,安装速度会比较慢,甚至有可能失败。如果遇到此类问题,可能需要更换到国外的主机,或者多试几次了。

Blocksy 主题教程

Blocksy Pro 主题

本篇将以 Blocksy 的 Invest Boost 主题模版为例,分享 Blocksy 主题模版的使用方法。希望这篇 Blocksy 主题教程对你的建站有所帮助。

后台的设置及管理

Blocksy 主题教程一
Blocksy 主题教程二

安装好 Blocksy Pro 版本首先去了解下高级功能。哪些功能是需要用的到,可以去设置启用。

自定义页眉设置

Blocksy 主题教程三
Blocksy 主题教程四

图1:左侧功能模块区的组件都能够拖到 > 右侧页面展示区。Blocksy 增加了克隆功能。

图2:所有页眉区域的按钮都可以被点击,点击后左侧功能区可以对他们进行编辑修改。

自定义页脚设置

Blocksy 主题教程五

页脚的设置基本上和页眉一样。

侧边栏设置

Blocksy 主题教程六

侧边栏:先要点击顶部 “ News ”  。内容文章栏目基本上都是「左右结构」布局。点击左侧功能的样式 > 右侧展示区会发生变化。

侧边栏属性:宽度、间隙、容器内间距、小工具垂直间距、分隔小工具、吸附侧边栏。 都可以逐个点击看下效果。

侧边栏可见性:有 3 个尺寸,分别对应着电脑、平板、手机。查看在不同屏幕下看的样子,如果觉得有问题,需要去修改的。

总结

AstraBlocksyOceanWPKadence 都是面向初学者且安装容易,人气高,学习曲线没那么抖的主题,这几款主题的共同的优势是:

  • 都是轻量级的主题。
  • 安装非常方便,轻松点击几下一个网站就出来了。
  • 如果只是在原基础上改改没什么难度,如果要高度自定义的话就要花费不少学习成本了。或者花钱找专业的建站公司。
  • 都提供免费的主题模版,功能有限。可以花钱购买高级主题,解锁更多功能。
  • 实践是解决问题的唯一真理。

WoodMart、Flatsome、Porto、XStore 都是 ThemeForest 主题 中人气超高的电商主题,这几款主题的共同特点 :

  • 学习难度稍显陡峭,需要花费更多的时间成本。
  • 定制化程度更高,做更加垂直的电商主题。
  • 一次购买终身有效,可通过后台更新(正版主题购买有保障),如果不愿意购买正版的,可以忽略此主题。
  • 更高级的电商功能,等你解锁。