圈圈博客 Menu

Wordpress技巧分享

优化部分WordPress核心代码,加速你的网站

1.admin bar左侧的wordpress logo和链接等

Wordpress技巧-WordPress优化 1

就是上图最左侧的Logo及其子菜单及其链接什么的。

添加如下代码:

add_action( 'admin_bar_menu', 'cwp_remove_wp_logo_from_admin_bar_new', 25 );
function cwp_remove_wp_logo_from_admin_bar_new( $wp_admin_bar ) {
    $wp_admin_bar->remove_node( 'wp-logo' );
}


2.加载的css和js后面的版本号的问题

Wordpress技巧-WordPress优化 2


看到被加载的css或者js后面的?ver=xxx不说什么了,添加代码干掉吧:

if(!function_exists('cwp_remove_script_version')){
    function cwp_remove_script_version( $src ){  return remove_query_arg( 'ver', $src ); }
    add_filter( 'script_loader_src', 'cwp_remove_script_version' );
    add_filter( 'style_loader_src', 'cwp_remove_script_version' );
}


阅读全文

多说评论添加访客浏览器操作系统判断

wordpress想要在评论添加UA可以直接用wp-useragent 插件,但是如果评论是用多说的话就需要修改多说的JS

找到多说插件文件夹 duoshuo/wordpress.php

打开wordpress.php找到


<script type="text/javascript">
var duoshuoQuery = <?php echo json_encode($this->buildQuery());?>;
duoshuoQuery.sso.login += '&redirect_to=' + encodeURIComponent(window.location.href);
duoshuoQuery.sso.logout += '&redirect_to=' + encodeURIComponent(window.location.href);
</script>
<script type="text/javascript" src="http://static.duoshuo.com/embed.js" charset="UTF-8" async="async"></script>

阅读全文

去除wordpress评论中带nofollow属性的方法

早晨博友Mr.Android君发来邮件询问友链检测到我和他的反链之间带nofollow属性,我当时就震惊了,我这么实在的人,怎么可能干这种事呢,立马去了站长之家和爱站查询,我去,还真有这情况!然后查看了下首页代码,友链那里明明没有nofollow标签啊,随后回复了几个邮件,跟他说明了情况,刚好今天上班也有点忙,我说等下班了再看看这个到底怎么回事,他也表示理解。

说到这,简单说下nofollow标签的具体含义吧,如果A网页上有一个链接指向B网页,但A网页给这个链接加上了rel=”nofollow”标注,则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。即告诉搜索引擎“不要追踪此网页上的链接”或“不要追踪此特定链接。这个标签的意义是告诉搜索引擎这个链接不是经过作者自己编辑的,所以这个链接不是一个信任票。这已经很清楚了,所以当有站长看到你做有nofollow标签的时候,就会说你是不诚信友链,一般都不会再和你交换友情链接了,毕竟谁都不傻,不会白白把权重送给你。

下班以后,在QQ上跟好基友骚clot说改友链文字的事,就顺便跟他说了一下nofollow标签这个事,他发现我首页最新评论里好几个地方都有nofollow标签,我们俩去后台和主题模板文件里找了都没有发现相关代码和设置,没招问度娘吧,搜了几篇帖子,发现博友沉缘seo发布了一个去除wordpress评论中nofollow标签的方法,当时我就想,会不会站长之家误报了,检测到的并不是友链,而是评论这里的呢,那就改吧… 

打开wordpress文件,然后找到wp-include文件夹,找到comment-template.php,搜索如下代码:

function get_comment_author_link( $comment_ID = 0 ) {
  /** @todo Only call these functions when they are needed. Include in if... else blocks */
  $url = get_comment_author_url( $comment_ID );
  $author = get_comment_author( $comment_ID );
  if ( empty( $url ) || 'http://' == $url )
  $return = $author;
  else
  $return = "$author";
  return apply_filters('get_comment_author_link', $return);
  }

在这些代码中,去掉rel=’external nofollow’或者把这行代码换做target=’_blank’,这样弄完,我一看首页代码里没有nofollow标签了,去查了下友链里也显示正常了,看来站长之家检测的友链nofollow属性估摸是误报的,好吧,暂时就先这样吧,如果觉得不行,再改回去吧,估计实际上应该也不会影响友链权重传递。

WordPress多说评论插件自定义CSS设置圆形头像带旋转效果

在别人的博客看到多说的评论头像显示圆角图标,指上以后会自动旋转一下,好像有点意思,网上搜了下,就找来了下面的CSS代码,喜欢的盆友可以收藏了。


实现方法很简单,在多说后台的“个性化设置”添加下面的自定义CSS即可:


#ds-reset .ds-avatar img{   
    width:54px;height:54px; /*设置图像的长和宽,这里要根据自己的评论框情况更改*/  
    border-radius: 27px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素,即为圆形了*/  
    -webkit-border-radius: 27px;/*圆角效果:兼容webkit浏览器*/  
    -moz-border-radius:27px;   
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
    -webkit-transition: 0.4s;      
    -webkit-transition: -webkit-transform 0.4s ease-out;   
    transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读)*/  
    -moz-transition: -moz-transform 0.4s ease-out;   
}    
#ds-reset .ds-avatar img:hover{/*设置鼠标悬浮在头像时的CSS样式*/  
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    transform: rotateZ(360deg);/*图像旋转360度*/  
    -webkit-transform: rotateZ(360deg);   
    -moz-transform: rotateZ(360deg);   
}

WordPress文本编辑器插件:Kindeditor For WordPress

WordPress自带的文本编辑器实在太难用了,谁让咱不是大婶呢,所以推荐一款编辑增强插件,这款为国人开发的插件,编辑器风格有点类似于我们常用的Office办公软件的编辑器,很有亲切感。

Kindeditor For WordPress官方简介

Because most users of this plug-in are Chinese people,following I use Chinese.
kindeditor是一个简单高效,易于使用的编辑器,目前最新的版本是4.1.4,内置了google code prettify,可以简单快速的插入代码。

Kindeditor For WordPress特点

  1. 目前在国内已经成为非常受欢迎的编辑器
  2. 快速:轻量级的编辑器,小巧强大
  3. 品质:所见即所得编辑效果
  4. 开源:开源的HTML编辑器
  5. 兼容:兼容各种主流浏览器。 如IE、Chrome、Safari、Firefox、Opera等
  6. 扩展:基于插件的设计,可根据需求增减功能
  7. 底层:内置自定义DOM类库,精确操作DOM
  8. 风格:修改编辑器风格很容易,只需修改一个CSS文件
  9. 程序:使用JavaScript编写,可以无缝的与ASP、PHP、.NET、Java等程序接合
  10. 应用:适合在各种互联网应用上使用
  11. 占有:发布以来依靠领先的技术和出色的用户体验,不断扩大编辑器市场占有率。

阅读全文