升级wordpress到4.4之后出现Uncaught TypeError Cannot read property WordCounter

昨天把Jhonse技术博客升级到wordpress 4.4,当时没有发现什么问题。结果今天一发布博客,发现提示: Uncaught TypeError Cannot read property WordCounter 而引发出的问题是[添加媒体],弹不出来窗口,js提示报错。解决方法如下: 第一步:  发现后台需要更新翻译 第二步:  找到语言包目录 第三步:  直接更新翻译 我这里提示输入FTP账号和密码,而我的服务器没有配置ftp。 第四步: 查看wordpress的中文版以及英文版 发现中文版是4.3.1,而英文版是4.4。而我之前用的是中文版,现在升级是英文版。 第五步: 把wordpress 4.3.1中文版的languages目录替换wordpress 4.4英文版的languages目录 第六步: 查看效果

博客升级到wordpress 4.1

最近心情不是很好,本来规定自己每天更新一篇技术博文,结果耽误了,有几天都没有更新博文。在这里非常感谢百度经验导师“逸凡 ”的开导,让我明白了很多,懂了很多。Jhonse哥的导师网站是: 【云东方】,是一个非常不错的网站,推荐大家时不时可以去踩一踩。 入正题,Jhonse哥一登录博客后台,结果后台提示wordpress需要升级,趁好久没有发博文了,所以就针对于博客升级来发表一篇博文,请看如下教程: 第一步: 登陆管理后台,进入升级页面 第二步: 点击现在升级 第三步: 现在更新 提示需要FTP账号和密码,因为服务器没有开通FTP服务,所以就手动下载wordpress包来进行升级。 第四步: 下载worpress 4.1 离线包 第五步: 将下载好的wordpress上传到服务器 1. 通过SSH连接服务器 2. 上传到服务器 说明: 其实wp-content目录可以不需要上传,因为wp-content目录存放的是图片以及附件、插件、模板主题。主要更新的是wp-admin,wp-includes,根目录下的其它文件。 3. 上传完毕 第六步: 升级wordpress 4.1 1. 输入http://域名/wp-admin/upgrade.php来进行升级 2. 升级完毕 3. 升级效果

为wordpress模板添加LazyLoadxt实现延迟加载图片

公司网站中有的频道页面图片很多,所以一加载页面就需要很长的时间,为了解决这个问题,只好使用JQuery插件LazyLoadxt来实现延迟加载图片,从而加快加载速度。实现完此功能之后,刚好本博客的模板D8没有此功能,所以自己手动来添加延迟加载图片功能。 第一步: 实现LazyLoad步骤如下: 1.  加载JS文件(jquery.lazyloadxt.min.js)     2.  修改img标签属性 <img src=”加载图片地址” data-src=”图片地址” />   第二步: 修改wordpress模板 1.  本例已D8模板为例   2. 导入JS文件(jquery.lazyloadxt.min.js) 通过wordpress方法add_action来对init初始化进行注册,从而导入JS文件 在模板目录下的functions.php中找到init注册方法 然后导入JS文件 wp_deregister_script( ‘lazyloadxt’ ); wp_register_script( ‘lazyloadxt’, get_template_directory_uri() . ‘/js/jquery.lazyloadxt.min.js’, false, ‘3.0’, dopt(‘d_jquerybom_b’) ? true : false ); wp_enqueue_script( ‘lazyloadxt’ ); 效果 3. 修改首页列表图片标签属性 找到模板目录下的index.php文件 找到图片列表位置(modules/sticky.php,modules/excerpt.php)   两个文件获得图片都是通过此方法(deel_thumbnail())来获得。   通过模板目录下的functions.php找到deel_thumbnail方法 然后进行修改img标签属性即可。 4. 修改内容页标签属性 … Continue reading “为wordpress模板添加LazyLoadxt实现延迟加载图片”

使用Ucenter整合wordpress和Discuz (给博客提速)

本博客自从谷歌在内地无法打开之后,打开速度就开始变慢,于是Jhonse哥我作为技术开发猿而言,怎能允许这情况发生?所以就开始给本博客加速了… 第一步: 去掉wordpress默认加载的谷歌字体样式 找到wordpress的核心文件script-loader.php,在/wp-includes目录下 在script-loader.php文件中搜索fonts.googleapis.com,以及ajax.googleapis.com,然后用360提供的前端公共库CDN服务替换即可。请看截图: 第二步: 使用Ucenter整合wordpress和ucenter,来实现更换Gravatar头像 之前使用了第一步的步骤给本博客提速,确确实实速度是提上来了。不过今天本博客又开始慢了,本以为是第一步修改的代码被恢复了,结果一看代码,不是的,原来影响到打开速度慢的是Gravatar头像。 请看分析代码: 在每个文章详细页都有评论页,也就是需要加载评论用户的头像,而首页以及列表页都木有,所以打开首页和列表速度正常,而点击进入详细页就变的特慢。请看加载头像代码。 //评论头像缓存 function deel_avatar($avatar) { $tmp = strpos($avatar, ‘http’); $g = substr($avatar, $tmp, strpos($avatar, “‘”, $tmp) – $tmp); $tmp = strpos($g, ‘avatar/’) + 7; $f = substr($g, $tmp, strpos($g, “?”, $tmp) – $tmp); $w = get_bloginfo(‘wpurl’); $e = ABSPATH .’avatar/’. $f .’.png’; $t = dopt(‘d_avatarDate’)*24*60*60; if … Continue reading “使用Ucenter整合wordpress和Discuz (给博客提速)”

【wordpress】添加lightbox图片插件

wordpress再带的图片展示是直接跳到另外一个页面显示图片,现在想让点击图片在原窗口显示,这就需要调用lightbox图片插件来实现,实现步骤如下: 第一步 下载lightbox图片插件 demo1 demo2 demo3 demo4 demo5 我采用方法是直接打开demo页面,把colorbox.css、jquery.colorbox.js、以及图片文件controls.png、loading.gif对应copy过来。然后放到模板文件夹中的css、js、image目录。 第二步 在wordpress模板文件夹的functions.php文件中进行处理内容图片 /**所有图片 加上一个 rel="colorbox"**/ function colorbox($content){ global $post; $pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i"; $replacement = '<a$1href=$2$3.$4$5 rel="colorbox"$6>$7</a>'; $content = preg_replace($pattern, $replacement, $content); return $content; } add_filter('the_content','colorbox'); 第三步 在wordpress模板文件夹的header.php文件中引入js和css。 <?php if (is_single()){ ?> <link href="<?php bloginfo('template_url');?>/css/colorbox.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.colorbox.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a[rel=’colorbox’]").colorbox(); }); … Continue reading “【wordpress】添加lightbox图片插件”

【wordpress】开启Gzip压缩

最近博客打开的速度特慢,本来一直以为是服务器的问题,最后在站长工具中查询了下,发现没有开启Gzip压缩功能。原来Gzip压缩之后也可以提速。学习了,先看下如何来设置开启Gzip压缩. 1. 通过修改index.php文件开启Gzip压缩 在根目录下的index.php 中找到: define(’WP_USE_THEMES’, true); 在后面加上: ob_start(‘ob_gzhandler’); 这样就可以开启。 2. 通过.htaccess启用Gzip压缩 <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/gif A2592000 ExpiresByType image/jpeg A2592000 ExpiresByType image/png A2592000 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A604800 ExpiresByType text/css A604800 </IfModule> <IfModule mod_deflate.c> SetOutputFilter DEFLATE AddOutputFilterByType DEFLATE text/html text/css image/gif image/jpeg image/png application/x-javascript </IfModule> 3. 通过php.ini 启用Gzip压缩 在php.ini中增加以下代码来开启gzip。 zlib.output_compression_level = number 其中number为1—9的值,1的压缩比率最低, 建议取5。 4. 安装gzippy插件开启Gzip压缩 … Continue reading “【wordpress】开启Gzip压缩”

【wp】更换域名

需要对数据库中的两个表wp_options、wp_posts进行修改: 在 “Myphp管理”中选择新建的数据库,在右铡选择“SQL”,输入以下代码,然后点执行。主意把a改成你的旧域名,b改成你的新域名。 UPDATE wp_options SET option_value = replace( option_value, ‘a’,’b’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’; UPDATE wp_posts SET post_content = replace(post_content, ‘a’,’b’) ; UPDATE wp_posts SET guid = replace(guid,’a’,’b’); 而wp_options表中的数据也可以在后台修改: 设置>>常规  

【WP】给wp程序搬家

第一步: 拷贝wp整个源程序到新的空间 第二步: 备份数据库 第三步: 在新的空间创建数据库WP 第四步: 重新安装wp程序 配置 wp-config.php文件,再刷新! 第五步: 导入数据库 第六步: 如果用的是原来那个域名的话,这一步就不需要操作了,如果需要换新的域名,您就需要将wp_options、wp_posts中旧域名更成新的域名就可以了。  第七步: 完毕!