文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Wordpress】Crayon Syntax Highlighter 与主题不兼容

写在前面： 很多博主在写一些技术博客的时候，会在博文中添加一些代码，但是在展示的时候代码高亮的话会让博客整体布局更优雅。...后来看到了一篇 整合代码高亮插件Crayon Syntax Highlighter到主题模板 的博客，找到了一些灵感（感谢这位博主分享）： ?...这个说明某些主题的代码中有可能就做了上面的这种不自动加载 jQuery 改动。 这样就导致了某些依赖js文件的插件不起作用。看到这里，我们就不防去验证一下。...handle 1 wp_deregister_script('jquery');  // JS $handle 果然，我们看到在 cu/info.php 这个文件中，有这样一行，找到他，先注释调： ?...问题2、HTML实体字符转义问题： 在Wordpress中使用 Crayon Syntax Highlighter 时，代码段内的HTML实体不会被解释，导致'’显示为’>

6.1K10
您找到你想要的搜索结果了吗？
是的
没有找到

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

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

2.3K100

WordPress 初学者词汇表（术语解释）

作为博主，您可能不需要学习或使用任何代码——尤其是在页面构建器 WordPress 插件变得如此流行之后。...例如，Elementor主题包括在各种设备上隐藏或显示行的选项。这是一项独特的响应功能，您可以使用它在桌面上显示滑块但在移动设备上隐藏（因为滑块在小屏幕上很难看到，您可以选择显示照片）。...在 WordPress 博客中，一些主题包含可用于格式化内容的简码，例如，添加按钮。而一些插件使用简码插入特殊内容，例如使用插件构建的联系表单。...使用模板，您可以保存您设计用于重复使用或自动应用于特定内容部分的块的特定排列，您可以创建多个。...您可以通过在帖子和标题中使用相关标签、类别和关键字，以及通过编写标题来告诉访问者您的帖子是关于什么的，来改进您的WordPress SEO 。

7.1K20

jQuery仿极客公园火箭发射“返回顶部”效果（WordPress代码篇）

前面分享了两篇有关《 jQuery 仿极客公园火箭发射“返回顶部”效果》的文章，如果你是Word-Press 老手，肯定知道如何移植到WordPress主题中；本文针对的是新手，如果你想在你的WordPress...主题中实现这个效果，那就往下看吧！...建议先看一下下面的文章——如果你还没有看过的话： 《 jQuery仿极客公园火箭发射“返回顶部”效果（初始篇）》 《 jQuery仿极客公园火箭发射“返回顶部”效果（优化篇）》 教程如下（代码来源于...一 加载jQuery库文件，如果主题已经加载了，则可以忽略这一步； 二 在主题的footer.php 的适当位置添加以下代码： 放在footer.php中： var scrollTT = { tTSpeed : 800, // 滚动到顶部的时间 startFlyTime

1.6K70

WordPress 6.2 发布，全面提升站点编辑体验

重新设计的站点编辑器 WordPress 6.2 最大的更新是站点编辑器结束了 beta 标签，不仅仅是全新的界面，而且提供了对整个站点进行定制的能力，让用户可以从模板或者模板部件等任何地方就可以开始编辑站点的样式...区块控件如影随形 区块在侧边栏的控件拆分成「设置」和「样式」两个选项卡，更加容易定位和使用。...在编辑器直接使用 Openverse 资源 Openverse 中已经有超过了 7 亿免费和公开许可的图片和音频，现在通过区块插入器直接集成到 WordPress 编辑器中。 ...6.2 中的其他亮点 悬停顶部：可以设置顶部一组区块在页面滚动时都固定在顶部。 导入窗体：可以将喜欢的经典主题的窗体导入到区块主题中。 本地字体：默认的 WordPress 主题将谷歌字体本地化了。...简单说 WordPress 6.2 主要的更新就是古腾堡块编辑器的更新，没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大的更新。

1.1K40

WordPress 教程：如何正确引用 JavaScript 和 CSS 文件

在开发 WordPress 插件或者是制作 WordPress 主题的时候，都会引用一些 JavaScript 和 CSS 脚本资源。...WordPress 的排队引用（Enqueue Scripts）资源机制 在 WordPress 中引用资源，应该使用 wp_enqueue_script 这个函数，函数名中有个单词 enqueue 是排队或者排序的意思...此外，WordPress 中内置了一些常用的库（例如 jQuery、jQuery UI 等），我们可以使用 wp_enqueue_script 这个函数直接调用内置库，可以节约代码量，更加清晰规范。...一般来说，JS 文件要放在页面的底部，就可以设置这个参数为 True，留空或者 False 会输出到顶部。 下面看一个引用 JavaScript 文件的比较完整的例子： 在 WordPress 主题开发中使用 wp_enqueue_script 引入资源 上面的例子都是以插件开发引用资源为例，在主题中引用的方法相似，主要的区别就在于使用对应的函数获取主题目录从而得到主题下面的资源文件地址

1.2K40

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至于在jQuery 代码中用...$ 代替jQuery 的写法不能识别，一些功能不起作用的原因正是由此而来。...jquery.js”为关键词查找，在第127行能找到这么一句（以WordPress 3.5.1为例）： $scripts->add( 'jquery', '/wp-includes/js/jquery/

4K60

指定 WordPress 页面按需加载 JavaScript

在 wordpress 主题或插件中加载 JavaScript 时，官方推荐的方法是使用 wp_enqueue_script() 来加载，该函数可以指定 JavaScript 的依赖库，指定 JavaScript...当一个比较大的库只在某一个或几个页面使用时，我们不需要在每个页面上加载所有脚本，而只需要在特定的页面模板中加载即可，以免其他页面加载不需要的 JavaScript 文件而影响页面打开速度，增加服务器开销...比如，我们的主题中有一个名为 “Portfolio Archive” 的页面模板，在这个模板中，我们需要使用 “imagesloaded、masonry、isotope、jquery-ias” 这 4...只在使用了某个页面模板的页面上加载指定的 JavaScript 文件吗，在下面的代码中，首页我们加载了每个页面都需要的 jQuery 和 Main.js 文件，然后判断当前页面是否使用了指定的页面模板，.../js/imagesloaded.js'); ... } } } 在实际的 WordPress 主题开发工作中，并不是每个主题都需要这么操作。

2.2K10

WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

在 WordPress 中，注册样式是“可选的”。如果你的样式不会被其他插件使用，或者你不打算使用任何代码来再次加载它，你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。...很显然，我只需要在这唯一一个页面使用这部分代码，所以将这段代码直接放在这个页面模板中是最好的做法。...WordPress 默认在 wp_head() 中处理，而我们改为在 wp_footer() 中处理。...wp_print_scripts() 则直接在你使用此方法的位置输出需要的 JavaScript 文件，而不是加入到 WordPress 的处理任务中。 如果我们在页面的中间使用 告诉 WordPress 需要加载 jquery.js，WordPress 在 wp_footer() 中处理的时候也会先检查前面是不是已经有了，如果有了就不会再重新加载一次。

1.6K30

php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中

头像，不过一般都认为插件安装多了，会影响速度，那么我们就以WP默认主题Twenty Fifteen为例，把这个功能集成到WordPress主题中，即可方便用户，也显示得主题高大上。...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 目的是，将必须的js文件调用，从默认的插件目录转到当前主题JS目录中，保存simple-local-avatars.php...第四步，打开Twenty Fifteen主题的 functions.php 模板文件，在最后添加： require get_template_directory() . ...之后，WP后台 → 用户 → 我的个人资料，在个人资料设置页面，会发现下面多出本地头像设置功能。 管理员可以在媒体库中选择头像，其它没有操作媒体库权限的用户只可以本地上传头像。...文件下载 未经允许不得转载：肥猫博客 » php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中

93430

WordPress中通过Ajax评论分页实现方法

说来惭愧，用了这么久的wordpress了，竟然没注意过“WordPress 后台 – 设置 – 讨论，在“其他评论设置”中勾选分页显示评论”这一项。。。设置后竟然好了。...实现方法 一.准备 加载 jQuery 库，这个不解释了。  ...二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论，在“其他评论设置”中勾选分页显示评论，设置一下评论数目，这里的评论数目仅计算主评论，回复评论不作计算。...在后台开启评论分页后，在 comments.php 中需要添加分页导航的地方加入以下代码（如主题中有类似代码则无须再添加，另外代码中的 nav 标签为 HTML5 标签，若主题没有使用 HTML5 则有...> 四.Ajax 评论分页 根据上文所述，现在主题中已经有评论分页了，要做到 Ajax 的评论分页，只需 JavaScript 的配合，不过在这之前首先要在评论列表前加入一个元素，用于在显示新一页评论列表时表示列表正在加载

1.2K20

WordPress主题制作：开始前的准备

如果您想跟着我一起制作一款适合自己的主题，那么您需要先掌握以下技能 熟悉HTML、CSS、JS或Jquery 熟悉PHP（嗯，这个是必须的，毕竟WP是基于PHP的博客系统呢） 开始制作主题之前，您必须准备好以下工具...Windows的notepad（记事本）书写任何代码 WordPress 术语 Template（模板）：其实就是一个代码集，主题中很多地方会利用到这个代码集，所以把它们整合成一个模板，这样就就不必一遍遍输入这些重复代码...Theme（主题）或者 WordPress theme（WordPress 主题）：所有你正在使用的文件：文本，图像，代码等等。...此外，它是你 blog 的一个简单的条目，如：一个页面或者一篇日记。 Page（静态页面）：一种特殊的 post，它不是以分类组织的。它有别于你其他的日志。...注意：在 WordPress，page（页面）和 Page（静态页面）是两种不同的东西。

66430

WordPress 添加个性化的博客宠物（妹纸篇）

让我感到有点跌眼镜的是，那个博客主是个汉纸！看着喜欢，于是右键审查元素扒了代码。 ? ? 看来下代码，发现代码是博客捣鼓笔记的博主木木的作品，不过这个博客现在已经挂了。...给大家献上添加到这个萌妹纸到你的WordPress 主题的方法，但，建议汉纸慎用，下次再分享个适合汉纸的…… WordPress 添加个性化的博客妹纸相关文件 教程中要用到的文件有：一张图片、spig.js...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库，如果没有，请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...三、HTML 在主题的footer.php 文件下（一般是前）加入以下代码： 加载中…...> 上面代码的spig.js 路径是在主题根目录下，你可以自定义路径。 一些效果图集合: ? ?

1.5K50

WordPress主题Siren二开美化版

首先感谢他们的作品呢…… 因为博主超喜欢单栏主题的设计，还有 PJAX 加载，所以博主一直就在打磨这款主题中…… （当然是根据自己喜欢的口味来更改滴啦） 学长是个细节控，代码洁癖，某些强迫症集一身的人啦...功能介绍 背景图API 网页背景图、文章列表、文章顶部特色图，均支持随机图片API，并使用 MD5 8 位随机数载入，大几率减少重复图片的现象； 网页背景图显示顺序： 默认显示主题自带随机图，如果填写...更新日志 2018.01.08 修复某些浏览器点击回复别人的评论时，页面滑动错误；点击回复不再需要下拉页面找输入框了 修复发布版本 Live2D 无法启动的问题 2018.01.09 修正友链模板中默认头像的图片路径...代码高亮失效的问题 2018.06.08 更改友链页面代码，按照链接分类显示，支持自定义分类名称了 友链页面新增一个“瀑布流”样式，在主题“其它”设置中可以找到并更改 2018.07.15 移动端菜单的头像添加登录入口...配色文件，匹配 WordPress 后台主题商店与插件商店的外观 2019.04.14 更新备案号的域名 添加一个新的页面滑动特效，在后台选择使用，仅限 PC 端 2019.04.19 修复评论翻页按钮在

3.9K30

页面中元素的吸顶

，有三种方式（还有一种是jquery的方法，这里就不介绍了） [一、使用position:sticky] [1....粘性定位元素相当于position:relative和position:sticky的结合体，受限于父级元素，在不同的条件下呈现出不同的页面效果 [2. 如何使用sticky？]...sticky元素效果完全受限于父级元素，使用条件： sticky元素的父元素的overflow只能设置为visible，否则会导致没有粘滞效果 sticky元素的父元素不能设置固定的高度，否则会导致没有粘滞效果...sticky满足条件变成fixed定位时，与标准fixed元素不一样，不会脱离文档流 sticky 定位的元素不能添加一个只包含自身的父元素,会导致没有粘滞效果 同一个父级元素中的sticky元素，如果定位值相等...因此我们需要注意的是，在监听页面滚动的过程中，需要将定位父级元素的偏移量也计算在内，可以如下写法： //获取当前元素的offsetTop getOffsetTop(obj) {

1.2K30

WordPress主题Mac osX 2.02

这是一款仿Mac osx外观的Wordpress杂志型主题。首页可以添加自定义图片并显示日志摘要，主题包含两套主页面模板。通过主流浏览器测试。...使用说明: ★首页日志摘要自定义图片添加方法:(1)发表日志时在自定义字段左侧输入small,右侧输入图片链接地址;(2)左侧输入link,右侧输入日志链接地址,点击图片就可以查看全文了....★顶部幻灯:将主题包中的focus.swf文件上传到你的网站,并获取链接地址,打开sads.js文件查找focus.swf(共两个),用获取的链接地址替换.图片大小388×200,请更改自己的图片链接....★侧边分类模块:是从zEUS的Ipple Ultra主题中直接复制过来的，打开cat-posts.php文件,里面有详细的使用方法，就不再说明。...★另外,还有一个类似留言板的模板文件,使用方法与上边的类似,新建页面后,选择Message.php模板文件即可.

1.1K10

WordPress建站技术笔记

本站使用wordpress系统，在建站时，遇到了一些问题，在此记录一下。 autoptimize插件异常 启用了autoptimize来优化页面加载。...然后进入autoptimize的高级设置中，找到从 Autoptimize 排除脚本的输入框，将jquery的路径写入。 再开启Autoptimize就没有问题了。...让超链接在新标签打开 wordpress默认是当前页打开，但在文章中，有时候会有些引用的链接，此时我们希望可以在新标签中打开。 解决办法 在Theme Editor中修改主题代码。加入以下代码。...然后修改wordpress的代理，在WordPress配置文件wp-config.php // 设置代理 define('WP_PROXY_HOST', '127.0.0.1'); define('WP_PROXY_PORT...所以要用最新版，只能自己下载代码改成本地 代码地址 在知更鸟主题中，选中使用本地百度分享。

78920

WordPress 6.1 正式版已发布，最全新功能图文介绍

状态和可见性面板现在称为摘要 摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 在站点编辑器中创建更多模板 快速搜索和使用模板部分 在站点编辑器中快速清除自定义...它还将帮助用户在调整块的填充和边距时可视化更改。 改进的边框选项 使用 WordPress 6.1，用户可以为更多块添加边框。他们还可以分别调整顶部、右侧、底部和左侧边框。...WordPress 6.1 将为 列表 List 和 引用Quote 块引入内部块。 例如，列表块中的项目将是它们自己的块。这将允许您简单地上下移动它们而无需编辑。...摘要面板下的永久链接和模板选项 固定链接和模板选项在帖子设置下有自己的面板。在 WordPress 6.1 中，这些面板合并在摘要面板下。...在站点编辑器中创建更多模板 在经典的 WordPress 主题中，用户可以使用模板层次结构创建模板，并通过编写代码来扩展他们的 WordPress 主题。

4.6K30

WordPress主题制作（一）：主题文件结构

在上一篇文章中，我们安装好了WordPress，准备好了制作主题需要的工具和主题测试的浏览器，接下来就要开始制作了，但在开始制作之前，我们还需要了解主题由哪些文件构成，其次还需要知道WordPress是怎样与主题文件连接的...以主页为例，用于显示主页的文件有三个，分别是front-page.php、home.php、index.php，WordPress将从您的主题中依次查找这三个文件。...home.php：如果主题中没有front-page.php，那么使用home.php。它还用于在主页上显示博客文章。...index.php 单页（非文章） 自定义模板——在WordPress后台创建页面的地方，右侧边栏可以选择页面的自定义模板 page-{slug}.php——如果页面的缩略名是news，WordPress...——显示单个附件 single.php index.php 嵌入页面 从WordPress 4.5开始，可以使用模板渲染嵌入到WordPress中的文章。

1.9K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券