热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

wordpress的内页悬浮选项卡功能预览及使用方法介绍

本文介绍了wordpress的内页悬浮选项卡功能,包括功能预览和使用方法。用户可以自定义切换按钮,设置锚点信息区域,灵活多变且无需代码编辑。文章可以统一设置按钮,也可以独立设置单篇文章的按钮,滚动模式下按钮以滑动形式展示,具有条理性和锚点属性,有利于SEO。滚动效果增加了网站的互动性,让用户参与互动,同时完全兼容手机,使信息展示更清晰。

wordpress的内页悬浮选项卡功能

预览如下:

你也可以进入演示主题的页面查看这个功能的演示:

acd1db7ed7b7dfca374bfca8268ef8b3.gif

悬浮选项卡的功能介绍

WEB主题公园所开发的悬浮选显卡支持自定义8个切换按钮,设置好了切换按钮之后,在文章编辑中,放置锚点,点击切换按钮就可以切换到相对应的锚点信息区域了

自定义切换按钮有2种模式,一种是在主题选项中设置好一排固定的按钮,文章可以默认调去这一排按钮,即如果你的文章不单独设置按钮,那么就会调用统一的按钮在页面上。

另一种形式是,文章可以独立设置按钮,也就是说,每一篇文章都可以单独设置不同的按钮,可以让不同的产品具有不同的参数按钮效果,这个设置是在文章编辑中设置的

总体来说,这个设置可以灵活多变,可以在任意文章模板和页面模板中输出,不需要任何代码编辑,全部使用编辑器操作,非常实用的一种方式。

总结起来,选项卡的按钮最多八个,你可以统一设置,也可以独立设置单篇文章的按钮,灵活自由。

切换模式是点击滚动模式

我们所使用的切换按钮是以滑动的形式进行展示的,

这样做的好处是,即使用户不进行点击切换,也完全可以通过滚动页面观看完成所有的信息,而滚动到相对应的信息区域时,信息栏目按钮会进行变色处理,让你的产品信息更具有条理性

这样的方式对于seo来说也是非常不错的,连贯性较强,具有锚点属性,你可以将锚点文字设置为H2标签,这样让搜索引擎更加能够抓住重点,从而更喜欢你的网站

滚动的效果也能够增加网站的互动性,让用户点击这些按钮滚动,参与互动,对你的网页更加印象深刻

这个滚动按钮是完全兼容手机的,因此在手机上你的信息也能够非常调理清晰的展示



推荐阅读
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • Ulysses Mac v29:革新文本编辑与写作体验
    探索Ulysses Mac v29,这款先进的纯文本编辑器为Mac用户带来了全新的写作和编辑环境。它不仅具备简洁直观的界面,还融合了Markdown等标记语言的最佳特性,支持多种格式导出,并提供强大的组织和同步功能。 ... [详细]
  • Python自动化测试入门:Selenium环境搭建
    本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]
  • DNN Community 和 Professional 版本的主要差异
    本文详细解析了 DotNetNuke (DNN) 的两种主要版本:Community 和 Professional。通过对比两者的功能和附加组件,帮助用户选择最适合其需求的版本。 ... [详细]
  • 尽管某些细分市场如WAN优化表现不佳,但全球运营商路由器和交换机市场持续增长。根据最新研究,该市场预计在2023年达到202亿美元的规模。 ... [详细]
  • HTML基础入门指南
    本文将深入浅出地介绍HTML的基础知识,包括其定义、开发工具、制定机构、特性、基本标签及更多实用内容。 ... [详细]
  • 本文介绍如何在 Visual Studio Code 中使用 Jupyter Notebook 插件,包括创建、编辑和运行笔记本的基本操作。 ... [详细]
  • MySQL Debug 模式的实现与应用
    本文详细介绍了如何启用和使用 MySQL 的调试模式,包括编译选项、环境变量配置以及调试信息的解析。通过实际案例展示了如何利用调试模式解决客户端无法连接服务器的问题。 ... [详细]
  • 解决MySQL错误2002:无法建立数据库连接
    本文详细描述了在Digital Ocean服务器上托管的多个WordPress站点突然出现数据库连接错误的情况,并提供了有效的解决方案。 ... [详细]
  • 日期:2013年3月19日 来源:GBin1.com 对于希望启动并运行首个网站的新手而言,选择一个合适的CMS或免费平台是至关重要的第一步。本文将为您介绍一系列关于WordPress的设计开发资源和手册,帮助您迅速掌握网站构建技巧。 ... [详细]
  • 本文详细介绍了如何使用PHP构建个人博客系统,包括适合初学者的入门指导、推荐的功能强大的开源博客系统以及如何提高博客系统的性能。 ... [详细]
  • 统一幻灯片标题:使用母版功能的技巧
    本文详细介绍了如何通过PowerPoint中的幻灯片母版功能,实现所有幻灯片标题的一致性设置。同时,提供了其他办公软件和编程相关的实用技巧。 ... [详细]
  • 解决MySQL Administrator 登录失败问题
    本文提供了解决在使用MySQL Administrator时遇到的登录错误的方法,包括启动变量和服务部分禁用的问题。同时,文章还介绍了通过安全配置模式来解决问题的具体步骤。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 深入理解Shell脚本编程
    本文详细介绍了Shell脚本编程的基础概念、语法结构及其在操作系统中的应用。通过具体的示例代码,帮助读者掌握如何编写和执行Shell脚本。 ... [详细]
author-avatar
合约100年
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有