很多朋友可能用得到,所以还是总结分享写出来 张戈博客,WordPress显示访客UA信息,共分了两篇博客: WordPress显示访客UA信息:Show UserAgent纯代码轻度汉化版 分享WordPress...添加代码到 functions.php vim functions.php 在 php 作用域内,添加两行代码: 12 include("show-useragent/show-useragent.php...用户组合键 option + command + i )进入开发者模式,定位到评论者,例如:阳光岛主 ?...2)搜索定位的关键词 在WordPress根目录下,搜索定位到的关键词,如上图中的 "comment-author vcard" ,找到对应的评论模板文件 一般模板文件在 wp-include/ 目录下...进入主题目录,修改评论文件 comments.php vim comments.php 添加一行用于显示的按钮(按钮放哪儿,由你自己决定了) <span id="comment_show_ip" class
一般来说,在html页面底部 (也就是之前)引入JavaScript,如jQuery 和 jQuery插件是个不错的做法。...原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript,放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中,我们先把WordPress中默认自带的jQuery库取消注册,然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?
看到很多人在网上说 jQuery lazyload 插件没效果,看了下插件主页说要把图片的地址写入 data-original 属性,loading 图片地址写入 URL 属性就能实现真正图片稍后载入(...如果每张图片都这么改,非常不方便,并且图片在 Feed 中也无法查看,那么我们可以通过 WordPress 强大的 filter Hook,用正则表达式重组一下 img 标签就行了。...\" src=\"loading1.gif\"\$3>\n\$0",$content); } return $content; } 把这段代码扔到当前主题的...functions.php 中,再把 loading1.gif 这个图片地址换成你的 loading 图片地址。...再按潜行者m的这篇文章配置下站点的 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 ( !
之前使用dux的时候有很多方便的功能,现在换主题了,之前有功能没有了,那么我们就手动加上吧WordPress内容折叠WordPress添加说说功能WordPress添加内容评论可见WordPress添加...dux原版风格图片钻芒美化图片一、引用js,将以下代码加入至主题目录下的footer.php中/* 为wordpress主题添加“内容展开/收缩”功能开始 */jQuery(document...).ready(function(jQuery){jQuery('.collapseButton').click(function(){jQuery(this).parent().parent().find...('.xContent').slideToggle('slow');});});/* 为wordpress主题添加“内容展开/收缩”功能开始 */二丶将下方代码添加至主题目录下的functions.php...如何添加设置go跳转页面,可以参阅下边这篇文章wordpress 设置go跳转页面自从用了DUX5.2后,文章内的跳转链接变成了go跳转,但之前并不了解这个东西,所以之前文章内的链接打开直接跳404;,
我们在做wordpress主题时一般会引入jQuery.min.js,比如1.12.4版本,这时想禁掉WordPress自带jQuery.js的加载(不禁掉的话可能会出现新添加的js代码无法正常运行...随ytkah一起来看看吧 在主题文件夹下的function.php中,加入如下代码: //禁止加载WP自带的jquery.js if ( !...ver=3.6.0' id='jquery-core-js'> jquery/jquery-migrate.min.js...ver=3.3.2' id='jquery-migrate-js'> 修改的文件不会因为WordPress的升级而被覆盖,但需要注意的是它会因为主题的升级或更换而失效。...有相同需求的朋友可以试试
在 Footer 加载 Javascript 代码是最好的方式,但是 WordPress 总是在 head 加载 jQuery 代码,那么怎么在 Footer 加载 jQuery 代码呢?...在当前主题的 functions.php 函数中添加如下代码: function wpjam_load_jquery_in_footer( &$scripts) { if ( !...is_admin() ) $scripts->add_data( 'jquery', 'group', 1 ); } add_action( 'wp_default_scripts', 'wpjam_load_jquery_in_footer
默认并没有给提供链接的 Nofollow 属性,而作为资深的 WordPress 爱好者是无法接受的。...关于 WordPress 文章插入或编辑链接增加 Nofollow 属性设置的实现代码教程如下,将代码添加到当前 WordPress 主题的 functions.php 文件的合适位置即可。...'nofollow' : null } } } }); })(jQuery); <?...php }); 由于子凡一直所使用的都是 WordPress 经典编辑器,所以以上代码应该不支持最新版的 WordPress 默认块编辑器和古腾堡编辑器。...另外代码中画蛇添足的增加了一个直接进入链接编辑框的功能,因为 WordPress 经典编辑器点击插入链接按钮会出现一个快速插入链接的输入框,大多情况并不是很实用,所以直接跳过了这一步骤。
慢速访问的Wordpress前台解决方案 就是把调用的谷歌的文件链接换成国内的链接。...对此,360网站卫士的解决方案是把fonts.googleapis.com替换为fonts.useso.com;将类似ajax.googleapis.com/ajax/libs/jquery/1.7.2.../jquery.min.js替换为ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js。...可能存在谷歌CSS链接的文件有:wp-includes/script-loader.php、functions.php、index.php、header.php,除此之外可能一些插件也有谷歌链接,这就需要你关闭插件看看是否网站打开快了来确定哪个插件含有谷歌链接了...注意:实际上,第二种方法可以直接解决访问wordpress网站正面和背面的速度较慢的问题。
让WordPress的默认角色用户无法进入后台//让WordPress的默认角色用户无法进入后台if ( is_admin() && ( !defined( 'DOING_AJAX' ) || !...home_url() ); exit(); }} 注册成功后跳转到指定页面// 注册成功后跳转到指定页面function __my_registration_redirect() { // 这里设置的是跳转到首页...,要换成其他页面 // 可以将home_url()改成你指定的URL // 如 return 'http://www.baidu.com'; return home_url();}add_filter
WordPress 后台个人资料编辑页面有个个人设置的区域,可以设置是否显示可视化编辑器,管理后台界面配色方案,评论键盘快捷键,是否显示前台工具栏。...将以下代码 copy 到一个文件上传到插件目录激活,或者复制到当前主题的 functions.php 文件即可: jQuery(document).ready(function(){ jQuery...(".show-admin-bar").remove(); jQuery('form#your-profile > h3:first').remove(); });
WordPress响应式免费主题,一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发,每天活人访问量500-800+IP,百度权重2,百度、Google...category.php //通用列表模板 │ comments.php //评论模块 │ favicon.ico //网页浏览器标签icon │ footer.php //公共底部 │ functions.php...canvas背景图插件 │ │ date.js //时光机数据 │ │ index.js //整个网站全局js │ │ javascript.js //只针对首页js文件 │ │ jquery...-2.1.4.min.js // 公共js库 │ │ rem.js //移动端自适应适配 │ │ swiper.min.js //移动端的swiper轮播插件 │ │ │ ├─video.js...xfg_banner //PC端首页banner │ banner-effect.js │ banner.js │ effect.js │ jquery.min.js
之前让WordPress支持注册用户上传自定义头像功能 一文,通过安装Simple Local Avatars和 WP User Avatar插件,可以让注册用户本地上传头像代替默认的Gravatar...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 替换为: wp_enqueue_script( ‘simple-local-avatars...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 目的是,将必须的js文件调用,从默认的插件目录转到当前主题JS目录中,保存simple-local-avatars.php...第四步,打开Twenty Fifteen主题的 functions.php 模板文件,在最后添加: require get_template_directory() . ...文件下载 未经允许不得转载:肥猫博客 » php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中
认情况下,WordPress会将图像元素width和height属性添加到图像元素中。...从媒体库插入的图像中删除图像大小属性 删除图像大小属性可完全控制 CSS 属性,可将以下代码添加到主题 functions.php 文件中: /*** 移除图片高度和宽度属性从文章内容中的图片上*/ function...通过 jQuery 删除width和height属性 对于已经添加到文章的图像,必须手动删除width和height属性,或者也可以使用一些jQuery代码来解决问题,以下代码添加到主题 js 文件中:.../*直接删除图像上的大小属性*/ jQuery(document).ready(function($) { $('img').removeAttr('width').removeAttr...('height'); }); 使用 jQuery 代码删除图像大小属性更加方便,对于已经添加或者将来要添加的图片都适用。
WordPress 引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多,说法不一,我们今天借鉴 wordpress...其实网上的N种方法总结起来就两种: 一、模板文件 header.php 中直接引入文件 二、在主题的 functions.php 中通过 WP 自带的函数 wp_enqueue_scripts 来加载...注意啦以下方法虽然放在了 functions.php 中,表面感觉好了点...... 的,那么这段代码就在 jquery.js 文件之前出现了,导致该代码段实际上无法工作,因为调用 jQuery 方法的代码段必须比 jquery.js...> 告诉 WordPress 需要加载 jquery.js,WordPress 在 wp_footer() 中处理的时候也会先检查前面是不是已经有了,如果有了就不会再重新加载一次。
更换主题-七彩之家BLUE2.0以及后续的修改 作者:matrix 被围观: 9,648 次 发布时间:2013-07-31 分类:Wordpress 兼容并蓄 零零星星 | 2 条评论 »...真是闲着蛋疼~ 然后就开始记录修改主题的细节部分,方便以后的查找~ 1.后台添加html按钮 toggle伸缩、mp3短代码、分隔符、文章分页样式 functions.php中上部添加 代码: //...\js\jquery.js中添加控制语句: /*************************** Toggle伸缩 就少了”jQuery(document).ready(function(){“这句...ready的话 TMD 给老子弄惨了 ***************************/ jQuery(document).ready(function(){ jQuery(".tg_t...4.添加播放mp3的功能 从自说Me话扩展版 v1.5.1拷贝\swf\player.swf functions.php中添加mp3短代码: /* * mp3短代码 */ function mp3player
在开发 WordPress 插件或者是制作 WordPress 主题的时候,都会引用一些 JavaScript 和 CSS 脚本资源。...> 将上面代码复制到 functions.php 文件中,即可引用对应的文件。...WordPress 的排队引用(Enqueue Scripts)资源机制 在 WordPress 中引用资源,应该使用 wp_enqueue_script 这个函数,函数名中有个单词 enqueue 是排队或者排序的意思...此外,WordPress 中内置了一些常用的库(例如 jQuery、jQuery UI 等),我们可以使用 wp_enqueue_script 这个函数直接调用内置库,可以节约代码量,更加清晰规范。...如果引用的是 jQuery 插件,需要依赖 jQuery 组建,那么就需要填写上 jQuery。注意,以数组的形式传递。 $ver:资源版本,可选的。 $in_footer:是否放在底部。
折腾功能:代码实现WordPress归档页面模板[WP原生函数篇] 原创作者:zwwooooo 特点: 1. 按照年份、月份显示文章列表 2. 显示每月的文章数量(需要配合及Query) 3....显示每篇文章的评论数 4. 使用 WordPress 原生函数实现数据调用 5....把下面的函数扔到所用主题的 functions.php 文件里面:(注意:因为有中文,所以要把 functions.php 文件转换为 UTF8 无 BOM 格式,不然中文会乱码)。...给主题加载 jQuery 库。...header.php 并找到 ,在其下面加上 上面那段jQuery代码 4. css根据需要写,不写也可以的。
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个...后来才了解到:为了防止与其他 JS 库(如 YUI)冲突,WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东,以至于在jQuery 代码中用...WordPress 自带的jQuery 库。...接下来就是改用官方或者第三方的jQuery 库,请直接参考: 《为你的WordPress 选择最佳的第三方jQuery 库》 我的话是两个都用上。
今天全百科网给大家分享的是WordPress后台文章编辑器如何添加下拉式短代码选择样式。 效果截图 改造方法 然后奉上改造代码,直接将代码丢到主题 functions.php 文件中即可。...media_buttons', 'QGG_select', 11); } function QGG_button() { echo ' jQuery...(document).ready(function(){ jQuery("#short_code_select").change(function(){ send_to_editor(jQuery...selected").val()); return false; }); }); '; } add_action('admin_head', 'QGG_button'); 最后说下按钮的添加...>插入短代码 将 value 值改为你需要填入的短代码,“插入短代码”文字改为你按钮的显示名称即可。 注意引号的转义( ‘ → \’ )。
领取专属 10元无门槛券
手把手带您无忧上云