文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

wordpress自动生成文章目录

看过百度百科的同学都知道，如果百科文章比较长，那么他会生成一个目录，不仅增强了用户体验，还为文章引入了锚点内链，对SEO优化起到了十分积极的作用。...老高@PHPer使用的是一款名叫Content Index for WordPress的国人自制插件，功能强大，使用方便。...Content Index for WordPress 安装 wordpress内置的插件管理器搜索"Content Index for WordPress"，安装即可。...Tips 也许你已经发现了，PHPer@老高使用了锚点之间的平滑滚动，如果你也希望实现此效果，请将下面的代码引入你的文章模板中 $(document).ready(function() { $...，点击它们将会出现很多意想不到的效果，所以我们需要将锚点控制在目录范围内 因此，我们需要在第二行的Jquery代码做一些修改 $('a[href*=#]').click(function() 改为 $(

1.5K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    WordPress 教程：在 WordPress 后台使用 ThickBox 制作弹出窗

    最近在项目中进行 WordPress 后台开发的时候，需要制作弹出层，经过一轮测试，发现还是 WordPress 原生已支持的 ThickBox 比较方便。...WordPress 的 ThickBox jQuery 库 WordPress 后台自带的 ThickBox 库是经过 WordPress 修改的，比如目前插件更新提示的详情链接就是使用 ThickBox...WordPress 后台自带的 ThickBox jQuery 库有两种使用方式： iframe 模式：在弹出层中加载另外一个网页。...a 标签的 href 属性即为 iframe 要加载的页面，TB_iframe 参数指定的是 ThickBox 的 iframe 模式，width 参数指定了弹出层的宽度，height 参数指定了弹出层的高度... inline 模式和 iframe 模式很多参数和用法都是相同，最大的区别，它不是一个链接，而是链接的锚点，#TB_inline 指定了 ThickBox 的 inline 模式，inlineId

    1.3K50

    WordPress显示评论者IP归属地、浏览器、终端设备、电信运营商

    很多朋友可能用得到，所以还是总结分享写出来 张戈博客，WordPress显示访客UA信息，共分了两篇博客： WordPress显示访客UA信息：Show UserAgent纯代码轻度汉化版 分享WordPress...添加代码到 functions.php vim functions.php 在 php 作用域内，添加两行代码： 12 include("show-useragent/show-useragent.php...2）搜索定位的关键词 在WordPress根目录下，搜索定位到的关键词，如上图中的 "comment-author vcard" ，找到对应的评论模板文件 一般模板文件在 wp-include/ 目录下...按钮显示评论所有IP 上面的功能，在一些博客里都已实现，我的米扑博客只是把人家的效果，用代码实现分享出来 最后，奉献一点小创新，个人感觉还是比较实用的，就是添加一个按钮，能够一键显示所有IP 恩，你说的对...进入主题目录，修改评论文件 comments.php vim comments.php 添加一行用于显示的按钮（按钮放哪儿，由你自己决定了） <span id="comment_show_ip" class

    2.3K20

    我们应该合并网站上的CSSJS文件吗？

    前言 我们在做wordpress速度优化时总可以发现很多插件都提供了css/js合并功能。那么我们真的需要启用这个功能吗？...正文 合并css/js是过去提高Web性能的合理建议（对于HTTP/1.1上的站点） ，如果你的站点使用的是HTTP/2 ，现在就不那么相关了。...WordPress （或任何其他CMS ）也会使情况更糟，因为大多数插件都会添加额外的CSS/JS文件。...即使东西在视觉上看起来很好，一些引擎盖下的功能可能已经坏了，你可能要到很久以后才会发现。例如，按钮在页面上不起作用，或页面元素消失，或滑块无法按设计工作，等等。...更多的wordpress优化教程 使用Redis缓存优化wordpress速度：https://fsacg.cn/archives/59.html wordpress动静分离教程：https://fsacg.cn

    2.2K20

    My Eyes Are Up Here：自动侦测脸部生成缩略图的 WordPress 插件

    WordPress 默认是自动从中间裁图来生成缩略图，如果图片中的人脸在边上的时候，就会把图片中最重要的部分裁掉，如果全身照则更尴尬，有时裁剪之后剩下的是脖子和手臂。...My Eyes Are Up Here（我的眼睛在这里 ） 这个插件就是为了解决这个问题的，它通过整合一个可以侦测图片中人脸的 jQuery 插件来实现的。...当完成添加热点之后，点击“完成”按钮就可以重新裁剪缩略图了，重新生成的缩略图就是根据指定的人脸位置来裁剪的， 当检测到多个热点或面，该插件将尝试裁剪图像，包括尽可能多的热点在缩略图越好。...否则，它会裁剪围绕热点的中心。 如果你的主题大量使用功能的图像以人类为对象的，这个插件将帮助你避开脸部所需的作物，避免可怕的胯下击球。我的眼睛是在这里被人们在互联创建/它。...您可以从WordPress.org免费下载或查看GitHub上的项目。 如果多个人脸被侦测到，插件就会尽量在裁剪的图片中尽量包含多的人脸，否则它会围绕这些热点的中心裁剪。

    74420

    为wordpress文章添加额外功能

    之前使用dux的时候有很多方便的功能，现在换主题了，之前有功能没有了，那么我们就手动加上吧WordPress内容折叠WordPress添加说说功能WordPress添加内容评论可见WordPress添加...dux原版风格图片钻芒美化图片一、引用js，将以下代码加入至主题目录下的footer.php中/* 为wordpress主题添加“内容展开/收缩”功能开始 */jQuery(document...).ready(function(jQuery){jQuery('.collapseButton').click(function(){jQuery(this).parent().parent().find...php }add_action('admin_print_footer_scripts', 'appthemes_add_reply' );添加go跳转功能它的作用主要是避免权重的流失，画面也可以很炫酷...如何添加设置go跳转页面，可以参阅下边这篇文章wordpress 设置go跳转页面自从用了DUX5.2后，文章内的跳转链接变成了go跳转，但之前并不了解这个东西，所以之前文章内的链接打开直接跳404；，

    1.4K10

    浅谈外贸网站的用户体验

    但是Wordpress本身比较臃肿，加上我们安装的插件，往往让我们的网站速度变得非常慢。所以优化Wordpress网站速度也是我们运营网站必备的一项技能。...Call To action：简称CTA,比如Get A Quote按钮，如果我们想要获取从独立站获取询盘，那么CTA的设计至关重要，客户从认知我们产品，到感兴趣，再到发送询盘，CTA起到关键性链接作用...，让客户随时找到联系的按钮。...通常的形式有链接到contact us页面，弹出表单，锚文本链接到同页面表单等形式。...链接这里的链接就是网站的内链，内链就是同一域名下页面之间的相互链接，内链的 作用不仅可以让 谷歌更加高效率的抓取我们的网站，并且对用户体验帮助也肯大。

    85710

    非插件方式实现wordpress网站调用腾讯地图

    同步信息框位置 }); } // 页面加载完成后初始化地图 window.onload = initMap; 在wordpress...核心要点说明1.信息框居中关键配置position绑定中心坐标：infoWindow.setPosition(map.getCenter())或初始化时position: centerLatLng，确保信息框锚点在地图中心...offset偏移量设置：new qq.maps.Size(0,0)表示信息框锚点无偏移(默认锚点在信息框底部中心，设为0可完全居中)。...map.getCenter());});3.自定义信息框样式通过content传入HTML结构，结合CSS实现居中、美化;若信息框宽度固定，可通过margin:0 auto确保内部内容居中;如需调整信息框相对于锚点的位置...替换代码中的你的API_KEY后，即可直接运行，实现信息框在地图中心坐标点居中显示的效果。原文http://wordpress.zj.cn/jiaocheng/39.html

    18401

    WordPress评论滑动拉链解锁myQaptcha修改为自动提交的方法

    二、部署代码 部署很简单，编辑 WordPress 主题目录下的 functions.php，在的，只是看到了别人的网址不爽，就下意识的改成了自己的博客地址，然后还分享出去了。。。。 其实吧，这是一个废暗链，毫无作用。...③、不动脑筋 自动提交的原理很简单，说白了就是将原有的提交按钮用 css 样式隐藏掉，然后在滑动动作绑定一个点击隐藏的提交按钮的机制，这样用户滑动模块，就会自动点击那个隐藏的提交按钮了，从而实现自动提交...再啰嗦一个例子： 张戈博客早期的文章《WordPress 评论滑动/拉链解锁 myQaptcha 代码版及部署方法》已经分享了代码部署的方法。 这篇文章中提到了因 Jquery 版本问题导致无法滑动。...你实在搞不清楚怎么升级 Jquery，你就不会查看张戈博客的网页源代码，从里面找到 JQ 的连接，然后下载走么？？？ 我估计 Jquery 是什么都不清楚吧，可是为啥不百度呢？

    1.7K50

    WordPress Ajax 异步加载 自定义评论表情

    最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果： Ajax异步加载自定义评论表情。...Ajax 是从Jquery 上面衍生而来的，异步加载也称“同步加载”“延迟加载”，Ajax异步加载最好的例子就是谷歌搜索键入相关关键词但是没有按搜索按钮时候，会自动给出关键词提示那个效果（国内某度也有这个功能...image.png 熟悉的知道，WordPress的评论表情如果在评论框那里Show出来的话，每次都要加载这20+个评论表情图片，对于主机不给力的朋友来说简直是灾难。...WordPress Ajax 异步加载 自定义评论表情教程： 一、删除你主题上来自于《WordPress中添加自定义评论表情包的方法（附三套表情包下载）》一文的所有代码（重要！）...； 二、确保你的主题已经加载了jquery.js文件（具体都应该懂的吧，不懂留言~）。

    2.1K91

    WordPress 5.7 发布，更好用的古腾堡编辑器

    更多的块 不懂代码也可以实现功能，做更多的事情。 封面块：可以制作一个填充整个窗口的封面块。 按钮块：支持垂直或水平布局，设置为宽度的百分比。 社交图标块：现在支持设置图标的大小。...更简单的默认调色板 全新简化的调色板参照 WCAG 2.0 AA 推荐的白色或黑色对比度将 WordPress 源代码中的所有颜色分解为 7 种核心颜色和 56 种阴影。...可以在 WordPress 默认仪表盘的配色方案找到新的调色板，主题，插件或任何其他组件，开发的时候可以参考使用，更多这方面的信息，请参考调色板开发说明。...jQuery 升级到 3.5.1 WordPress 还是会一直支持 jQuery，因为太多的插件和主题是基于 jQuery 做的交互，WordPress 将 jQuery 升级到最新版，并移除 jQuery...migrate，并且为了减少对开发者的打扰，WordPress 会在在 console 输出更少 jQuery 相关的信息。

    1.1K20

    SPA应用路由器如何工作？

    主要部分就是#，后面的内容统称为“锚点”。当改变锚点时，页面的主体部分会切换内容，但是，整个页面不会被重新刷新。 那么，如何监听锚点变化？...不过，作为hashchange事件的polyfill方法，被采用在很多jquery.hashchange插件里，比如jquery库：jquery.ba-hashchange jquery.ba-hashchange.js...HTML5 History API HTML5包含新对象history，其提供对浏览器历史记录的访问能力。它暴露一些常用方法和属性，可以让用户通过操作浏览器“前进”和“后退”按钮，访问到历史记录。...缺点是，切换路由后的http://www.somesite.com/subPage1.html 并不是一个真正的资源地址，想象一下，这个时候点击浏览器刷新按钮，浏览器必然会发起对subPage1.html...一般，默认是URL片段标识符，也就是hash锚点模式。

    2.1K40

    腾讯云:WordPress创建带缩略图文章内链

    如何用 WordPress 短代码或可视化编辑器按钮来创建一个图文混排的文章内链 更多内容关注qq群（197783973） 文章内链在 SEO 链接建设中一直是相当重要的，良好的内链结构对 SEO 十分有益...当你有在当前文章页调用站内其他文章或页面时，积极在页面中增加内链可以极大地提高蜘蛛抓取的次数和深度，在增加了收录量的同时也提高了锚文本关键词的收录。...常见的内链形式是文字链接，结构为 锚文本。但为了增强用户体验，我们可以把内链页面或文章做得丰富一些。...正确…… Docker安装wordpress 链接 Docker Hub wordpress 命令 链接本地安装好的mysql服务 docker run –name some-wordpress –link...四、添加 TinyMCE 可视化界面下的编辑器按钮 1）文本状态下添加快捷按钮 WordPress 默认内置的是 TinyMCE 编辑器。

    1.4K30

    替换WordPress 自带默认的 jQuery库， jQuery库页脚加载

    在开发WordPress 主题或者WordPress 插件时候，常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载，毕竟是为了避免多次加载...因为WordPress 自带的 jQuery库会在最后添加jQuery.noConflict()以保证与其他js 库的兼容，因此那些通过 $ 代替jQuery的缩写代码会失效。...详见《WordPress中的jQuery库不起作用的相关问题》。再者，为了速度上的考虑，加载一个80kb+的jQuery 库最好是通过第三方来（如google的、SAE的）——特别是主机不给力的网站。...替换WordPress 自带默认的 jQuery库 在主题的functions.php 文件下加入以下代码： add_action( 'init', 'jquery_register' ); function...是注销WordPress 自带的默认的jQuery 库；wp_register_script是自定义jQuery 库；使用if ( !

    3.1K100

    jQuery 图片播放插件 FancyBox 和其 WordPress 插件

    什么是 FancyBox FancyBox 是一个 jQuery 图片播放插件，它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片，网页内容，或者其他多媒体内容。...FanyBox 的 WordPress 插件 正是因为 FancyBox 的强大，很多 WordPress 爱好者，就开发了 FancyBox 的 WordPress 插件，增强 WordPress 的图片显示效果...FancyBox Gallery FancyBox Gallery 把 FancyBox 这个 jQuery 插件集成到 WordPress 的 Gallery 功能中，你只需要在日志内容中试用 Gallery...FancyBox for WordPress FancyBox for WordPress 这个是做的最复杂的 FancyBox 插件，他可以让你自定义 FancyBox 的所有东西，包括边距，边框，颜色...，放大速度，动画效果，关闭按钮的位置，覆盖层的颜色，透明度，还有如果去归类一组相册的选项等等。

    3.1K20

    WordPress装备页面 插件版带后台

    ：可为每个设备设置不同的按钮文本和链接 简码支持：使用 simple_product_showcase 简码在任何页面或文章中嵌入设备展示 演示图 后台 前台 没啥好介绍的 安装插件 新建页面 输入简码即可...管理后台 进入"插件" > "安装插件"页面 点击"上传插件"按钮 选择下载的插件压缩包并上传 安装完成后，激活插件 使用方法 添加设备 在WordPress管理后台，点击左侧菜单中的"设备展示" 填写设备信息表单...，包括名称、描述、分类、图片等 点击"保存设备"按钮 在页面中显示设备列表 在任何页面或文章中插入以下简码： simple_product_showcase 管理设备 在WordPress管理后台，点击左侧菜单中的..."设备展示" 在设备列表中，可以编辑、删除或拖动排序设备 点击"编辑"按钮修改设备信息 点击"删除"按钮移除设备 技术特点 使用WordPress自定义表存储设备数据 集成WordPress媒体上传器进行图片管理...使用jQuery实现前端交互和后台管理功能 响应式设计确保在各种设备上的良好显示效果 安全性措施包括nonce验证和数据清理 自定义与扩展 开发者可以通过以下方式自定义插件： 修改CSS文件以调整前端和后台样式

    22820
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券