如何在古腾堡中插入链接与按钮:WordPress 实用操作指南

古腾堡编辑器WordPress页面制作更简单。可以轻松添加文本链接、图片链接和互动按钮,打造更专业的网页。本文会讲解这些实用技巧。

一、插入文本链接

1. 添加链接的基本方法

在段落区块中选中需要添加链接的文字;

工具栏中点击“链接”图标(🔗);

输入或粘贴目标网址,可以选择是否在新标签页打开;

回车或点击“应用”按钮即可完成。

2. 设置高级选项

点击已添加的链接后,再次点击“铅笔图标”可编辑链接;

点击“更多选项”图标(三点),可以为链接添加 nofollow 属性(适用于外链或广告);

若使用 Rank MathYoast SEO 等插件,还可以添加站内锚点,提升 SEO 效果。

3. 插入锚点链接(跳转至页面内部)

在目标段落添加“HTML锚点”,路径为:选中标题或任意区块,点击右侧设置栏中的“高级”选项;

输入一个英文/数字组合的锚点名称(如:about-us);

回到需要跳转的文本,插入链接地址为 #about-us;点击保存后,点击链接即可在同一页面中跳转到指定位置。

二、为图片添加链接

插入“图像”区块后,点击选中的图片;

工具栏中点击“链接”图标;

可设置跳转到:链接到图像文件;

链接到附件页面;

点击放大;

勾选“在新标签页打开”可增强用户体验。

三、添加按钮并设置链接

按钮在页面中具有较高的视觉吸引力,常用于引导用户点击,如“立即购买”、“查看更多”等。

1. 插入按钮区块

点击加号(+),选择“多个按钮(Button)”区块;

输入按钮文案,如“了解详情”;

选中文本后,点击“链接”图标添加跳转地址;

可在右侧栏设置按钮样式、颜色、宽度;

支持设置多个按钮并排展示(通过“按钮组”添加多个子按钮)。

2. 设置按钮跳转行为

支持添加站内链接、外部网址;

建议跳转链接统一启用“新标签页打开”选项,避免用户离开当前页面;

如果用于促销或注册,可以配合设置按钮颜色为主色调以提升点击率。

四、链接管理小技巧

为所有链接添加“描述性文字”来提升可访问性(Accessibility);

对于外部链接,可使用插件如 External LinksWP External Links,批量设置 nofollow 和图标提示;

定期使用断链检测插件(如 Broken Link Checker)检查页面中失效链接,维护内容质量;

将常用按钮样式保存为“可重用区块”,提高编辑效率。

五、常见问题排查

链接样式不一致?
部分主题未定义链接颜色或悬停状态,建议通过主题自定义器或 CSS 增强样式统一性。

按钮在移动端显示错乱?
建议使用“列”区块控制布局,或者启用响应式主题确保兼容性。

插入链接后点击无效?
检查是不是错误插入错误的协议(如漏写 https://),或链接被其它插件(如安全插件)拦截。

总结

古腾堡编辑器可以轻松添加各类链接和按钮,支持页面跳转和样式调整。搭配Kadence Blocks等插件,还可以实现更专业的按钮效果和交互功能。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注