致力于打造一个优秀的建站资源共享学习平台!

爱站窝四川

wordpress编辑器添加锚点

爱站窝查看全部>>

人气451

在网页上,链接与不同,链接指的是从一个链接到另一个页面,而,是页面中的链接,即从页面的一个地方点击跳转到同一个页面的另一个地方。

如百度百科:锚点 页面中,点击页面中的目录,会跳转到对应的内容上去。

wordpress编辑器添加锚点

 

 

在wordpress中如何添加锚点呢?

wordpress的默认功能简单,只有添加超链接,没有添加锚点。

所以第一步,就是给编辑器增加一个添加锚点的按钮。

关于给TinyMCE编辑器增加按钮,请参考本站的另一篇教程:wordpress功能集成(九):给wp默认编辑器增加按钮

将下列代码添加到主题的functions.php文件中。

  1. function add_editor_buttons($buttons) {
  2. $buttons[] = 'anchor';
  3. //还可在此添加更多按钮
  4. return $buttons;
  5. }
  6. add_filter("mce_buttons_3", "add_editor_buttons");

添加完成即可在wordpress后台的编辑器中看到出现一个像船锚一样的按钮,此按钮即为锚点功能按钮。

如图:wordpress编辑器添加锚点

 

 

锚点按钮怎么使用呢?

加入我要发布如图所示的两段文字,然后在文章的开头添加量过标题,点击标题分别跳到对应的内容wordpress编辑器添加锚点

 

1.首先选择第一段文字的标题,然后点击 添加锚点按钮。

  1. 选中文字
  2. 点击添加锚点按钮
  3. 输入锚点名称,名称为英文,全小写,不要特殊字符和空格,可用下划线

 

wordpress编辑器添加锚点

 

插入锚点之后,可以看到在标题的前面会出现一个船锚符号。

2. 添加链接

选中要跳转到该锚点的文字,然后添加超链接,链接地址填 #+锚点名称 即可,上图中添加的锚点名称为jiaocheng,则下图中的链接地址为#jiaochegn

wordpress编辑器添加锚点

 

至此,完成。

 

TA的作品
  • Mohtml 作品/设计展示自适应wordpress主题 模板兔出品
  • QYKCMS后台软件v4.1.3部分操作界面截图
  • 轻松制作一款与众不同的QYKCMS网站主题
  • 怎样设置可以让QYKCMS系统运行得更快?
  • 使用 Apache .htaccess 文件设置QYKCMS伪静态规则的方法
  • QYKCMS后台管理软件入门级操作视频教程
  • IIS下使用 web.config 文件设置QYKCMS伪静态规则的方法
  • 同一个网站空间使用QYKCMS建立多个独立站点
  • QYKCMS后台管理员密码忘记了怎么办
  • QYKCMS 网站系统4.0 标签大全
查看全部

全部评论: 0

在线咨询
有什么可以帮到你
点击咨询

账号登录

忘记密码

第三方账号快速登录

Q Q 登 录 微 博 登 录

账号注册 已经有账号? 立即登录

发送验证码

第三方账号快速注册

Q Q 登 录 微 博 登 录