大家好，我是Funion数字营销实战派飞小优，做网站建设多年有很多新手在遇到新建个性化页面时一脸茫然，除了使用elementor插件来构建页面之外就 没有其他法子了，今天笔者根大家介绍一个古腾堡编辑器——Gutenkit。
Gutenkit是什么
GutenKit是一个专门为WordPress打造的插件，旨在扩展Gutenberg编辑器的功能。
GutenKit插件的优点
- 丰富的模板库：提供大量专业设计的模板，适合不同需求的用户。
- 快速性能：页面加载速度快，代码干净，有助于保持网站效率。
- 高级功能：包括Mega Menu Builder、动态内容选项等，增强网站功能。
- 良好的客户支持：提供24/7的专业支持，快速响应用户需求。
Gutenkit使用教程
安装插件
后台搜索安装插件后并配置，如：
开启小组件功能
分别完成①-③的小组件功能开启开关，如下
同样完成Modlule模块配置
创建页面
回到新建页面后台，新建页面
然后启用推拽组件
重复上面动作即可，里面有很多高级页面小组件，可以制作非常漂亮大气的个性化页面，最终可以看下测试的demo
Demo实例展示
若你不想一个个自定义创建，也可以直接复用模板，GutenKit提供丰富的不同页面及modules模板,支持后台一键导入不同模板风格，你可以随机挑选喜欢的完成你的页面搭建工作。
GutenKit模板参考案例
三种类型的模板风格，支持一键导入。
写在最后
以上就是笔者为大家介绍的gutenkit插件实现漂亮大气的自定义个性化页面教程，关于插件使用可以扫码关注我们进群交流，若有外贸建站需求不妨提交下方表单，我们会在第一时间给你定制建站方案！
* 文章内容很有用，那就5星好评吧!😘
提交需求表单
关于作者
你可能会感兴趣
-
reCAPTCHA (v3)配置密钥后前端提交Contact form 7表单信息总是显示“发送失败红色边框文字”错误信息解决方案
大家好，我是Funion数字营销实战派飞小优，今天跟大家介绍一直困扰很长时间的邮件表提交问题“reCAPTCHA (v3)配置密钥后前端提交Contact form 7表单信息总是显示“发送失败红色边框文字”错误信息解决方案，先说说为什么会出现这一现象？ 前提背景回顾 安装CF7插件后按照reCAPTCHA的配置集成填写好网站密钥和验证码密钥，如是 但是在前端提交发布信息后出现结果 发生错误，请稍后再试。 为什么会出现这个情况，有很多人百思不得其解，包括给官方发送邮件依然得不到解决，经排查后整整…
-
如何给wordpress文章分类自定义封面图?
大家好，我是FUNION数字营销实战派飞小优，今天跟大家详细介绍下如何给WP的文章分类设置自定义封面图，这是很多企业用户在实际上传文章中遇到的难点。为什么？ 背景介绍 因为在日常上传文章中不配图你会觉得前端整体太过单调了，但是有些图片是不需要使用文章封面图的（比如某一固定的栏目分类如百科类只需要有IP图片即可），因此就只需要调用文章大分类的图片了。那如何实现？ 实现教程 具体通过手写代码和插件进行实现。 使用插件添加自定义分类图片 使用插件是最简单快捷的方法。推荐使用”Categor…
-
如何在已有的模板中修改下载页面列表风格样式？
大家好，我是FUNION数字营销实战派飞小优，最近在实战项目中遇到想复用已有的文章列表样式，但是需要在已有样式中添加一些下载按钮，因此这个不难实现，难的是将已有的文章列表风格在二开，废话不多说，看下实现教程。 需求背景介绍 主要是在文章列表页中摘要下方添加下载按钮和详情查看按钮。 实现步骤 复制一份已有的文章列表代码 找到适合的文章列表类型，如下 修改代码 打开文件，修改代码并覆盖，代码如下 测试前端效果 将代码添加完后查看下前端效果是否正常，如下 当然代码块中添加了是否是新用户属性，可以直接复…
-
如何利用纯代码实现侧边栏加入交流展示二维码扫码功能？
大家好，我是FUNION数字营销实战派飞小优，最近在新项目中遇到一个小需求，雇主需要在网站侧边栏添加免费交流弹出二维码扫码功能，不能用插件实现，想了想就直接用纯代码实现，具体采用HTML+JS来实现该功能，具体看步骤。 代码demo示例 Html代码 Css代码 JS代码 将以上代码全部复制到指定的页面中然后进行调试，这是笔者测试后可以直接使用的代码，若有css样式错乱问题则可以自行调试，以下是我的前端显示效果。 前端显示效果 前端啊效果显示如下，直接输出到导航右侧，可以便于用户快速扫码。 好了…
-
如何利用插件menu in post制作一个网址导航页面？
大家好，我是FUNION数字营销实战派飞小优，前不久出了一期关于如何制作网址导航页面《利用WordPress如何开发网址导航页面?》，由于有很多小伙伴说教程太复杂，有没有更简单的办法，今天就和大家介绍如何利用插件Menu in Post来实现一个简单的网址导航页面。 插件下载地址 如何使用 安装到插件后开启 打开插件配置页面，然后输出短代码 代码如下： 关于上面的选择器可以自定义命名设置，不想设置的可以空着。 输出到指定页面 将上述代码输出到指定的网址导航页面，如下 查看前端页面 插入好的页面然…
-
利用WordPress如何开发网址导航页面?
大家好，我是FUNION数字营销实战派飞小优，最近在测试一个站点时因业务场景需要，必须搭建一个网址导航工具，看了很多实战方案，不想做的复杂和繁琐，只希望简单一点，类似收藏夹功能，方便自己和用户使用。那具体是如何实现呢？其实在WordPress中开发网址导航页面可以通过以下几种4种方法实现： 四种实现方法 使用插件 使用自定义页面模板 使用短代码 使用页面构建器 如果你使用的是页面构建器（如Elementor、Beaver Builder或者其他可视化编辑器等），你可以使用它们的模块来创建链接列表…
-
Contact form 7邮件模板中如何实现获取客户提交询盘字段详细信息？
大家好，我是FUNION数字营销实战派飞小优，很多人使用CF7收到客户来的询盘后，不知道该如何获取到用户的IP地址及具体是来自于什么落地页进行的表单提交，有时可能需要更多信息，而不仅仅是提交者通过联系表单字段输入的信息。比如出于安全原因，可能需要知道提交者的 IP 地址。对于此类目的，特殊的邮件标签会非常有帮助。 与其他邮件标签不同，特殊邮件标签独立于表单字段或提交者的输入。今天笔者将带领大家一起解决该问题。 可以将Contact Form7 这些特殊邮件标签放置在允许使用邮件标签的任何位置，例…
-
WordPress如何用Polylang创建多语言独立站？
大家好，我是FUNION数字营销实战派飞小优，在做外贸独立站少不了多语言，针对多语言站点也有很多实现工具，比如：G-translate、Polylang、WPML等，今天介绍下如何通过Polylang实现多语言站于一个后台中。 先看看效果 如何实现下拉效果 在wordpress建站后台，通过插件搜索即可进行安装。安装之后，启动该插件即可。刷新之后你的后台会出现“语言”菜单栏。 添加你所需要的语言 设置”★”为默认的语言在文章管理处，即可开始多语言管理文章： 注：无论是文章…
-
Rank Math SEO-2024谷歌SEO外贸独立站必备工具推荐
这篇文章详细介绍了Rank Math SEO插件的功能和用法，包括关键词优化、内部链接建设、XML站点地图等20+的实用功能，以及如何使用它来优化网站。文章还提供了如何安装插件、配置链接、面包屑导航、图片、站长工具、Robots.txt等功能的指导，以及如何使用变量设置主页标题和其它页面标题等高级设置。此外，文章还介绍了如何启用链接建议功能，以及如何添加自定义字段等高级功能。总之，这篇文章为网站管理员和内容创作者提供了如何使用Rank Math SEO插件来提升网站SEO效果的详细指南。
-
外贸独立站询盘如何添加到微信进行统一实时推送通知提醒
大家好，我是FUNION数字营销实战专家飞小优，外贸推广营销中少不了询盘接收，当询盘收取过多时如何去查看跟踪并派送给其他小伙伴，这是一个苦差事，单纯通过人盯人方式查看邮件终端，这也是一个难点，是不是没有办法实现呢？非也，可以直接通过微信自动推送而提示询盘邮件通知，这能够避免因不可抗力因素导致询盘遗漏查看情况。 业务实现流程 前端用户提交表单→ 网站后台（邮件管理） → 同步邮件管理终端 → 同步微信终端，这个业务流程其实也是十分常见的了，简言之，一条数据展示在不同的终端中，也就是需要解决各终端或…
