将下面的代码添加到当前主题的 functions.php 文件： //显示页面查询次数、加载时间和内存占用 From WNAG.COM.CN function performance( $visible...然后可以在需要显示的地方，使用下面的代码进行调用： ?...performance的参数 true 表示在页面中直接显示，如本文配图。...如果你想在页面前端不显示，只在html源码中可见，可改为 false 参考：WordPress页脚显示查询次数、加载时间和内存占用的方法 版权所有：可定博客 © WNAG.COM.CN 本文标题：《WordPress...页脚显示页面加载时间的方法》 本文链接：https://wnag.com.cn/1180.html 特别声明：除特别标注，本站文章均为原创，本站文章原则上禁止转载，如确实要转载，请电联：wangyeuuu
在开发WordPress 主题或者WordPress 插件时候，常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载，毕竟是为了避免多次加载...详见《WordPress中的jQuery库不起作用的相关问题》。再者，为了速度上的考虑，加载一个80kb+的jQuery 库最好是通过第三方来（如google的、SAE的）——特别是主机不给力的网站。...最后，如果允许，jQuery 库最好在页脚加载。接下来的代码就是解决上面提到的问题。...is_admin() )是为了确保这些脚本和css只在前端加载，不会在后台管理界面加载。 第三方jQuery 库一般都有CDN 驱动，可以保证最大速度。...jQuery库在页脚（Footer）加载的方法 代码如下： function ds_print_jquery_in_footer( &$scripts) { if ( !
Contact Form 7 是一个非常强大并且易用的联系表单的插件，我在很多项目中都用到它，但是这个插件有个很不好的地方，会在整个博客的所有前台页面都加载 Contact Form 7 的 JavaScript...和 CSS 代码，对于性能要求极致的我们，当然不允许这样的事情发生，所以我们可以通过下面的代码实现只在含有 Contact Form 7 表单的页面加载 Contact Form 7 的 JS 和 CSS...-7'); if(is_page('contact')){ wp_enqueue_style( 'contact-form-7', wpcf7_plugin_url( 'includes/css.../styles.css' ), array(), WPCF7_VERSION, 'all' ); } } 上面的代码假设我们只有一个叫做“contact”的页面添加了联系表单，具体涉及到你自己的项目
在我们开发WordPress主题时，细心的小伙伴或发现网站头部如果加载head页面就会出现很多系统自带的加载项目，例如自带的css、js、feed、style等多余信息。...这些加载项目很多是没有必要加载的，那么我们如何将这些多余的head头部信息移除呢？ 方法很简单，网上针对此类WordPress优化的教程也很多，今天WPTOO教程网就给大家整理下。...我们先看看移除多余加载项之前的代码截图 解决方法 //去除头部多余加载信息 remove_action( 'wp_head', 'wp_generator' );//移除WordPress版本 remove_action...css remove_action( 'wp_head', 'print_emoji_detection_script', 7 );//移除emoji载入js remove_action( 'admin_print_scripts...10 ); remove_action('wp_head','wp_resource_hints',2);//移除dns-prefetch 使用方法 将上面代码添加到主题的functions.php文件中，
Dashicons 是 WordPress 官方出的用于后台的图标字体，可以用于 WordPress 的各个地方，也可以用在 WordPreess 前台，但是你事先要加载相关的 CSS。...add_action( 'wp_enqueue_scripts', function() { wp_enqueue_style( 'dashicons' ); }); 下面讲讲如何在 WordPress...manage_options', 'my-page', 'my_admin_page_function', 'dashicons-admin-media' ); } CSS
给大家分享一个用CSS 3.0实现的音阶加载中的动画，效果如下： 以下是代码实现，欢迎大家复制粘贴和收藏。 CSS...3.0实现音阶加载中动画 * { margin: 0; padding...span style="--i:3">加 载 中<
有几种方法可以有效地优化CSS样式表的加载性能，从而减少页面加载时间： 最小化样式表：移除不必要的代码和注释，并将多个样式合并为一个文件，以减少样式表的大小。...内联关键样式：将页面上的关键样式直接内联到HTML中，以避免额外的网络请求。这对于页面的首屏渲染非常有帮助。...延迟样式加载：将非关键的样式移动到页面底部，或使用异步加载方式加载，以确保页面的主要内容优先加载。 使用缓存：使用适当的缓存策略，如HTTP缓存头来缓存样式表，以减少网络请求和响应时间。...使用媒体查询：只加载适用于特定设备或屏幕尺寸的样式表，以避免不必要的样式加载。 避免嵌套选择器：避免使用过多的嵌套选择器，因为它会增加样式解析的复杂性和时间。...通过采取这些优化措施，可以显著提高CSS样式表的加载性能，减少页面加载时间。
其实 WordPress 本身也有类似于 Cron 的功能，让我们可以直接在 WordPress 中定义和执行定时作业，WordPress 把这个功能定义为：WP-Cron，比如 WordPress 本身的文章预发布功能就是基于...： 在该界面，可以立即执行定时作业，也可以删除，或者直接新增定时作业。...定义定义作业 WP-Cron 支持两种类型的定义作业： 单一的未来事件（比如设定某篇文章在将来某个时间发布） 重复发生的事件，比如每天或每个星期等一段时间内重复发生的事件（比如定时清理无用的信息） 定义单一的未来事件...wpjam_daily_function_hook'); } 上面代码，首先使用函数 wp_next_scheduled 检测 wpjam_daily_function_hook 是否已经被加入到定时作业列表中，...在 WPJAM Basic 定时作业管理后台加入： 这里非常好理解，就不再想讲，只是后通过界面添加的方式，暂时不支持参数，即 $args 参数。
给大家分享一个用CSS 3.0实现的会发光的加载中特效，效果如下： 以下是代码实现，欢迎大家复制粘贴和收藏。 CSS...3.0实现会发光加载中特效 * { margin: 0; padding: 0;
我们前面介绍过通过 wp_enqueue_script 和 wp_enqueue_style 函数在 WordPress 中正确引用 JavaScript 和 CSS 文件，但是通过这样引入的 JS 和...CSS 文件，都会在后面加上一个 ver 的参数，怎么移除这个参数呢？...wp_enqueue_script('foo', 'http://example.com/foo.js', false, null); 如果其他人得插件或者主题，我们不可能每次去修改这些插件或者主题，在主题的
:{i:0;s:5:"apple";i:1;s:6:"banana";i:2;s:6:"orange";} 但是 PHP 默认的 serialize() 和 unserialize() 函数有个问题，在序列化的时候...，不会判断是否已经序列化过了，或者在序列化数组恢复成数组的时候，也不会判断这是不是序列化数组。...WordPress 如何序列化数据 所以 WordPress 做了一些改进，创造了 maybe_serialize() 和 maybe_unserialize() 这两个函数，用法和 serialize...但是: maybe_serialize() 在进行序列化的时候，如果要序列化的数组或对象已经被序列化过了，就不会再次进行序列化，直接返回已经序列化的字符串。...为了判断是否为已经序列化，所以 WordPress 还有两个函数： is_serialized( data, strict = true )：检查 is_serialized_string( data
在进行前端开发的时候，为了兼容性，比如hack 那个讨厌的IE 浏览器，我们常常需要这类IE 判断代码来实现hack 的效果。...而在WordPress 中，我们可以借助PHP 的功能，通过判断浏览器user-agent 来按需加载CSS 文件——如此不仅仅只是对IE hack，对于chrome 、firefox 等主流浏览器也可以实现不同的样式效果...'); 上面的代码应该很容易看懂，具体不解释了；如果你想对chrome 浏览器进行CSS hack，将CSS 代码以chrome.css 保存在主题目录下；如果用户的浏览器是chrome 浏览器，便会加载该...chrome.css 文件，非chrome 浏览器绝对不加载——除非浏览器伪装user-agent 。.../safari.css', false, null); wp_enqueue_style('safari'); } //IE 浏览器 if ($is_IE) { wp_register_style
但是如果只是简单的判断下当前浏览博客的设备是否为移动设备，那么我们可以使用 WordPress 默认的函数 wp_is_mobile 函数来判断，但是这个函数有个问题，它把 iPad 也算作移动设备，但是...return true; } else { return false; } } 并且 wpjam_is_mobile 函数已经整合到 WPJAM Basic 插件中。
Jeff 针对多说的提速目前只要在两个方面：js内页页脚加载、静态文件CDN。以下是以最新版本的多说插件（1.1版本）来提速。...js内页页脚加载 以前版本的多说，多说核心脚本embed.js默认所有页面加载，默认网页头部加载。...最新版本的多说对于后面一项已经提供用户选择的权利了，在WordPress 后台-多说评论-高级选项 就有： ? ? 那么，是要解决“所有页面加载”的问题了。...这一点多说插件并没有选项，而我们知道，评论一般在文章中（内页），如果在首页也加载，并不是一个明智的做法。要将多说核心脚本embed.js 只在内页加载，必须要对插件php 文件动手。...静态文件CDN 在前台的话，多说插件一般加载有个js与css 文件——embed.js、embed.xxx.css（xxx为评论样式主题名称，最新版有该功能）。
2.3 链接式 在实际的网页设计中，链接式 CSS 用法是最常用的，也是效果最好的。...使用链接式 CSS，可以在设计整个网站时，将多个页面都会用到的 CSS 样式定义在一个或多个 文件中，然后在需要用到该样式的 HTML 网页中通过 标记链接这些 文件，通过链接式 CSS 可以降低整个网站的页面代码冗余并提高网站的可维护性...被导入的 HTML 文件在初始化时，会将该 CSS 文件导入 HTML 文件中，作为此 HTML 文件的一部分，类似于内嵌式的效果，而链接式是在 HTML 的标记需要 CSS 样式的时候才会以链接的方式引入进来...例如，可以在 文件中不写任何 CSS 代码，只写 ，这样所有导入或链接到该 CSS 文件的 HTML 页面都可以使用 中定义的所有样式效果。...这时解决 CSS 冲突你就要了解在 HTML 中使用 CSS 的优先级规则： 内联式 > 内嵌式 > 外部样式； 在多个样式中，后出现的样式的优先级高于先出现的样式； 在样式中，选择器的优先级： 样式
如何在linux中搭建WordPress个人博客： 1、安装apache 2、安装php、mysql、php-mysql、图形库gd 3、查看防火墙、SElinux状态 关闭防护服务 4、开启apache...服务 使用浏览器进行访问，服务正常 5、测试php功能 使用浏览器进行访问，成功 6、启动mysql 登陆mysql，成功 查看数据库 7、测试数据库连接功能 使用浏览器测试，连接成功 8、下载wordpress
Inpandora这款WordPress主题可以说是因软件而生，从UI设计到后台设置功能，都充分体现出这款主题的专业性。 基于该主题搭建的博客可以在移动端和桌面端正常友好地展示。...主题图片 强大的后台配置功能：提供基本设置、广告管理、SEO设置、自定义代码、下载设置、版权信息和更多资源等，其中： 基本设置-支持博主对主题Logo、favicon、主题基本配色、自动加载页数...、列表页展示形式等基础设置；页脚版权信息及社交图标设置；文章打赏设置。...自定义代码-支持博主自主配置页头、页脚、CSS样式和统计代码。 下载设置-支持开启文章下载功能及是否注册登陆会员下载，同时支持上传附件和百度网盘分享链接两种下载方式。...任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
如果你更新了WordPress 最新版本的4.2 版本，查看网页源代码你会发现WordPress 会自动在head加载一段用于支持emjo 表情的脚本（JS+CSS），对于大部分人来说，这个是十分鸡肋的功能...，反而影响加载速度。..._wpemojiSettings); css"> img.wp-smiley, img.emoji { display: inline !...因为WordPress 更新4.2 的一个新增功能就是支持emjo 表情，但看部分加载源居然是wp.org的js 文件（wp.org 有被墙否？）对于大部分人来说，这个是十分鸡肋的功能。...去除/删除/禁止方法 要禁止WordPress 在前台自动加载这段脚本，可以用以下方法： 1）插件法 安装 Disable Emojis 插件：https://wordpress.org/plugins
image.png 自从前段时间谷歌广告联盟通过以后，也算是比较关注的了 今天来说一下优化吧，在说优化之前，先说一下WordPress常用的页面判断 很多时候我们需要将某些内容在指定的页面中显示，比如将谷歌自动广告设置为不在首页显示...> 我们可以用is_home()来判断是不是WordPress的首页，但是有一点需要注意，当你的首页不是默认的index.php的时候，比如是在后台指定了一个页面，这种情况下is_home()也会失效...pagead/js/adsbygoogle.js:1:74657"} 仔细看了一下，留言簿页面的控制台是正常的，有几个页面没有开启评论功能，所以就报错了 尝试一下是不是因为没有开启评论造成的，然后找了一下WordPress...> 结果还真的正常不报错了，哈哈 我将谷歌广告和熊掌号的信息都移到了页面底部，所以你也可以将这些更改加载footer.php文件中的合适位置，当然你加在header.php中也没有问题 沈唁志...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：在WordPress中优化谷歌（AdSense）广告联盟
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
