页面跳转（也称为锚点链接）是指您点击某个链接，就会立即在一个篇幅较长的页面中向上或向下移动，简化了WordPress独立站的导航菜单和组织，使用户能够快速找到所需内容。本文主要为大家介绍在WordPress中创建页面跳转的具体流程。
一、为什么要使用页面跳转
页面跳转是链接到页面某一部分的绝佳方式。通过点击页面跳转，您的站点访客可以从同一长页面中的某一部分跳转到另一部分。
例如，假设您在某个页面的顶部添加了一个部分名称列表。您可以将每个名称与页面下方的相关部分建立链接，以便访客能够直接跳转至其感兴趣的特定信息所在的部分。然后，您可以将读者直接链接回页面开头处的所有部分原始列表。
二、WordPress创建页面跳转的流程
1、创建锚点链接
第一步是选择您希望读者点击页面跳转时到达的部分。为此，我们可以在您想要跳转到的区块上创建一个所谓的“锚点”。
点击要为其添加锚点的区块。许多常见区块都支持锚点，包括段落、标题、图片、列和按钮。
查看右侧边栏中的区块设置。如果您在右侧没有看到边栏，请点击右上角的“设置”图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面：
突出显示位于WordPress编辑器顶部的设置图标。
右上角的“设置”图标
在区块设置底部，点击“高级”。
在“HTML锚点”文本框中键入一个单词。该单词将成为您的锚点。请务必使用一个尚未在页面其他处被用作锚点的唯一单词。如果您想使用多个单词，系统会自动在单词之间插入连字符(-)，例如：two-words：
在“HTML锚点”部分添加两个由连字符连接在一起的单词，以创建页面跳转。
2、链接到您的锚点
接下来，创建页面跳转的自身链接。访客点击该链接后，即可到达您在第1步中创建的部分。
输入一些文本，或添加图片、按钮或导航菜单项，供您的读者点击。
选择文本/图片/按钮/菜单项，然后点击区块工具栏中的链接选项。链接选项是一个形如链环的图标，如下图突出显示：
键入您在第1步中创建的HTML锚点，并以井号(#)开头。例如，假设您创建了一个名为create-a-page-jump的锚点，那么链接应输入为#create-a-page-jump
点击编辑器右上角的“保存/更新/发布”，保存您的更改。
大功告成！现在，您可以在公共页面上测试您的链接，以确保您在第2步中创建的链接指向您在第1步中创建的锚点。请注意，页面跳转链接在预览页面或文章时不起作用，因此请在已发布的版本上进行测试。
3、导航菜单中的页面跳转
您可以从导航菜单中创建页面跳转，链接到页面的特定部分。这对于主页滚动时间较长的站点十分常见。页面跳转能让访客更轻松地查看他们想要查看的主页部分。
第一步是创建一个锚点，作为跳转的目标位置。
在您的菜单中，添加一个新的项目，即一个“自定义链接”。
在“文本”字段中，输入您希望该菜单项显示的名称。这不会影响页面跳转。
在“URL”字段中，输入您的锚点，并在前面加上井号(#)。
如何使用“自定义链接”选项在导航菜单中添加页面跳转。
在菜单中添加一个页面跳转
请记住，类似#my-anchor的页面跳转仅在锚点所在的同一页面上有效。
4、跳转到其他页面
页面跳转不必只用于链接到同一页面中的部分。您可以使用页面跳转从一个页面链接到另一个页面上的特定区域。
不同之处在于，我们不再像上文第2步那样仅链接到锚点（例如将链接写为#create-a-page-jump），而是将链接指向包含锚点的完整页面URL。
例如，如果您的页面URL如下：
https://yourgroovydomain.com/example/
并且您在该页面上创建了一个名为unique-identifier的锚点，则完整的跳转链接将是：
https://yourgroovydomain.com/example/#unique-identifier
5、创建“返回顶部”链接
要创建返回页面顶部的跳转链接，请执行以下步骤：
在页面开头的某个区块中添加一个锚点。
在页面下方输入文本，例如“返回顶部”或“跳至开头”。
将该文本链接到您创建的锚点。
相关推荐：
相关文章
-
WooCommerce产品页面怎么设置预计送达时间？
WooCommerce产品页面怎么设置预计送达时间？商家设置WooCommerce产品预计送达时间最简单的一种方法便是通过安装并设置Estimated Delivery Date/Time插件来实现，为了帮助大家更好的进行设置，下文将具体为大家进行操作的讲解，以供在WordPress外贸建站时大家参考。 一、安装Estimated Delivery Date/Time插件 在管理面板上，转到插件-添加新和上传插件，安装并激活Estimated Delivery Date/Time插件。 二、为W…
-
WordPress更换域名详细教程
当商家遇到WordPress独立站改版或者域名到期等问题时，不免会涉及到WordPress域名的更改，那么这一步骤该如何操作呢，对于大部分外贸建站的新手来说，可谓是一个令人头疼的问题，所以本文接下来讲为大家讲解WordPress更换域名详细教程。 一、WordPress后台更换域名 登录WordPress后台，在仪表盘—设置—常规中，点击然换域名，将里面的WordPress 地址（URL）和站点地址（URL）都修改为新的域名，然后点击保存更改。 二、phpMyAdmin更换WordPress域名…
-
WordPress安全防护教程
WordPress作为一款开源免费软件，在使用WordPress进行外贸建站的工作时，不免会遇到安全隐患的问题，那么为了独立站的安全，用户该如何保证网站的安全呢？下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法，备份可以保障网站即使发生故障和恶意攻击，也能在短时间内恢复正常运行，如何对WordPress独立站进行备份，可以访问此文章《WordPress怎么备份文件和数据？》，了解具体操作。 2、启用 Web 应用程序防火墙 (…
-
如何添加WooCommerce短代码？
用户在使用WooCommerce进行跨境电商独立站搭建工作时，有可能会借助WooCommerce短代码实现更加醒目的页面布局，帮助商家更加直观地展示产品。那么这一步骤该如何实现呢？商家可以借助一些WooCommerce短代码示例，在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能，下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码，它显示为两个方括号[shortc…
-
Shopify收款后如何退款
Shopify收款后如何退款？商家可以在Shopify后台对订单的整个或单一部分进行退款，同时也可以为订单运费退款、允许超额退款等，下文将围绕这几种Shopify收款后的退款情况，一一介绍操作步骤，供大家在运营跨境电商独立站时提供方法指导。 一、Shopify收款后如何退款 1、整个退款 可以为订单中的所有商品发放全额退款。为订单退款时可以手动编辑退款总额，以向Shopify客户收取退货手续费，还可以退还任何运费。 为订单退款时可以退款至原始付款方式、商店抵扣额或两者。如果通过发放商店抵扣额退款…
-
Shopify支付方式设置怎么做
Shopify支付方式设置怎么做？核心不是简单打开一个按钮，而是根据销售市场、客户习惯、经营主体和收款服务商要求，配置信用卡、PayPal、本地支付等组合。对准备运营Shopify独立站的跨境卖家来说，本文会按流程说明可选支付方式、后台配置、退款与风控检查，帮助上线前减少支付失败和结算风险。 一、Shopify支付方式设置前先确认哪些条件 Shopify支付方式设置前，建议先确认四件事：目标市场、经营主体、商品类型和收款服务商。不同国家或地区支持的支付方式不同，部分收款服务商还会审核营业执照、网…
