如何设置页内锚点?wordpress文章中创建页内锚点的方法

简子 2021-12-3 3,197 12/3

wordpress

测试点击跳转到对应的锚点效果

“链接”是某个页面链接到另外一个页面,两个链接实现两个页面之间的跳转!单独只有链接是不能在同一个页面内进行跳转的!

“锚点”什么是锚点?其实可以把“锚点”形象地理解为(抛锚)做标记点!

有了锚点就可以实现同一个页面的页内跳转,使用超链指向这个锚点(标记),然后点击这个超链接就可以完成文章页面内的跳转。

为什么要建立页内锚点?文章内容涉及的分类比较多,那么可以在文中编辑锚点做成一个目录放在文章的开头,让锚点链接在文章中进行快速平滑跳转到相关内容,这样也能够更方便阅读文章。

方法1:之前文章中有介绍过不使用插件实现对WordPress的默认编辑器的增强 ,在这篇文章中可以添加“插入或编辑锚点”这个按钮:锚文本(anchor)

方法2:直接编辑文章的HTML代码(编辑器右上角从可视化切换到文本编辑模式)

先找到需要抛锚点的位置,插入锚点代码,返回可视化编辑就可以看到设置的锚点前有个锚点图标,这说明这个锚点插入有效!

<a name="锚点">标记点提示</a>

有了锚点,那就可以设置一个超链接,让超链接指向这个锚点,来实现页内锚点链接

编辑器右上角从可视化切换到文本编辑模式

文章中插入链接代码:

<a href="#锚点">链接提示</a>

注意“#锚点”必须和刚才插入的锚点一样,如刚才建立的是“锚点1”我这里也写“锚点1”当然锚点标记名称也可以按照需要自己写,只要锚点name和锚点链接相对应就可以,如果锚点名和锚点链接没有相对应是无法点击跳转的,可以根据文章的需要建立多个页内锚点。

锚点标记点测试

------------------------------

你点击的锚点跳转到这里

- THE END -

简子

12月16日21:46

最后修改:2022年12月16日
0

非特殊说明,本博所有文章均为博主原创。

共有 0 条评论