四
wordpress非插件实现中英文字符串截断
有利于SEO的排版样式应该是标题+摘要，摘要可以在写文章时自己添加，也可以通过插件实现，但是插件对中文支持度不够友好。本人推荐用wordpress自带的函数实现，轻量级且中英文支持良好。关于非插件文章截断，在以前的文章中也有介绍，今天重新整理并升级一下。 一，用mb_strimwidth() 函数 如果你的主机支持utf-8的话，这个函数是最佳的，调用代码为 <span><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 150,"..."); ?></span> 说明一下：0，表示从文章开头开始截图;150,截取到第150个字符；...，摘要末尾的样式。你还可以给span指定样式。 二，用mb_substr() 函数 当你发现第一种方法无效时，可以用这一种 function z_substr($sourcestr='',$i=0,$cutlength=150,$endstr='...') { $str_length=strlen($sourcestr);//字符串的字节数 while (($n<$cutlength) and ($i<=$str_length)) { $temp_str=substr($sourcestr,$i,1); $ascnum=Ord($temp_str);//ascii码 if ($ascnum>=224) { $returnstr=$returnstr.substr($sourcestr,$i,3); $i=$i+3; $n++; }elseif ($ascnum>=192) { $returnstr=$returnstr.substr($sourcestr,$i,2); $i=$i+2; $n++; }else { $returnstr=$returnstr.substr($sourcestr,$i,1); $i=$i+1; $n=$n+0.5; } } if($i<$str_length)$returnstr.=$endstr; return $returnstr; } 将上面的代码放到functions.php 里，然后用下面的代码调用 <?php echo z_substr($sourcestr, $i, [...]
四
给wordpress最新文章标题添加new图标
给wordpress最新文章标题添加一个醒目的图标，有助于访问者区分新旧文章，一般在CMS等大型新闻列表网站常见。当wordpress3.1.1出来后，WP已经成为一个可塑性极高的CMS系统。 博优谷首页高度优化，以纯列表样式展示文章，有利于SEO。若再增加一个靓丽的小图标，定能起到画龙点睛之笔。效果如图所示： 拷贝下面的代码： <?php $t1=$post->post_date; $t2=date("Y-m-d H:i:s"); $diff=(strtotime($t2)-strtotime($t1))/3600; if($diff<24){echo '<img src="'.get_bloginfo('template_directory').'/images/new.gif" />';} ?> 到相关主题文件 <?php the_title(); ?> 的下面即可。 你也可以尝试下文字形式的NEW样式代码 <em><?php $t1=$post->post_date; $t2=date("Y-m-d H:i:s"); $diff=(strtotime($t2)-strtotime($t1))/3600; if($diff<24){echo " New!";} ?></em> 给em指定一个CSS样式 .post em{font-size:14px; color:#FF0242;} 关于置顶的关键代码： <?php if (is_sticky()) {echo "[置顶]";} ?>
三
不用插件让wordpress评论显示Avatar头像
本人现正使用的这款主题，看似简单，但却有利于SEO。主题只保留了最主要的功能，默认情况下在评论区就不显示读者的Avatar头像，我认为这样是对读者的不尊重，于是决定动刀实现这一功能。 博优谷多数关于wordpress的文章都是以代码的形式实现，我建议尽量少用插件。 1，打开主题文件夹中的comments.php，找到 <div class="<?php echo $oddcomment; ?> bubble" id="comment-<?php comment_ID() ?>">与<?php comment_author_link() ?> 2，将下面的代码添加到两语句之间 <?php if (function_exists('get_avatar')) { ?> <div class="avatar"> <?php echo get_avatar( $comment, 18 ); ?> </div> <?php } ?> 3,在style.css中定义avatar的样式，例如 .avatar img{margin:5px 9px;float:left} 表示头像距离上下5px，左右9px，位于文字的左侧。 注意，上面的18代表Avatar的头像大小，你可以自由调整。
三
教你如何解决重复的元说明
在用GOOGLE的网站管理员工具分析站点时发现存在重复的元说明，关于这个问题，一个比较方便的解决方法就是指定规范网页，规范网页是一组内容高度相似的网页的首选版本。 如何指定规范网页？ 要指定指向网页 http://www.example.com/product.php?item=swedish-fish 的规范链接，请按以下形式创建 <link> 元素： <link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>将上述链接复制到该网页所有非规范版本的 <head> 部分，如 http://www.example.com/product.php?item=swedish-fish&sort=price。 如果您在 http://www.example.com/product.php?item=swedish-fish 和 https://www.example.com/product.php?item=swedish-fish 上都发布了内容，则可以指定该网页的规范版本。创建 <link> 元素： <link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>将上述链接添加到 https://www.example.comproduct.php?item=swedish-fish 的 <head> 部分。 对于wordpress用户来说，可以用下面的方法来消除重复元说明方法，header.php 中加以下代码： 将代码添加到<head>部分: <?php if ( is_singular() ) echo '<link rel="canonical" href="' . get_permalink() . '" />';?>
三
自定义wordpress Tags输出样式
只需要简单修改几个参数，我们就可以自由控制tags的样式了。从SEO角度来看，标签字体太大并不能讨好机器人，得看他的热门度。所以我建议字体最小10，最大12，默认40个，以count、asc排序为最佳。 打开\wp-includes\category-template.php 文件，搜索 function wp_tag_cloud( $args 你会看到 $defaults = array( 'smallest' =<span class="kwrd">></span> 8, 'largest' =<span class="kwrd">></span> 22, 'unit' =<span class="kwrd">></span> 'pt', 'number' =<span class="kwrd">></span> 45, 'format' =<span class="kwrd">></span> 'flat', 'separator' =<span class="kwrd">></span> "\n", 'orderby' =<span class="kwrd">></span> 'name', 'order' =<span class="kwrd">></span> 'ASC', 'exclude' =<span class="kwrd">></span> '', 'include' =<span class="kwrd">></span> '', 'link' =<span class="kwrd">></span> 'view', 'taxonomy' [...]
三
wordpress侧边栏两列显示通用代码
很多朋友都希望wordpress的侧边栏内容，比如分类目录、存档页、页面、链接等能够成两列显示，这不是难事，一段CSS代码就能搞定。 默认情况下，WP已经给相关的功能块定义了css名称，但没有定义样式。 友情链接：widget_links 分类目录：widget_categories 独立页面：widget_pages 等等，通过查看主题源代码我可以了解到这些固定的class名，下面只要添加相应的样式即可。 /* 分类显示两列*/ .widget_categories ul{ display:block; overflow:hidden; } .widget_categories ul li{ width:79px; float:left; } /* 分类显示两列*/ .widget_pages ul{ display:block; overflow:hidden; } .widget_pages ul li{ width:79px; float:left; } /* 分类显示两列*/ /* 链接显示两列*/ .widget_links ul{ display:block; overflow:hidden; } .widget_links ul li{ width:79px; float:left; } /* 链接显示两列*/ .csharpcode, .csharpcode pre { font-size: small; [...]
二
一段代码实现wordpress分类目录两列显示
强大的wordpress即使更新到了3.1，默认的目录还是显示一列，有时会与主题格格不入，其实只要在style.css中加入一段代码，即可轻松实现了。你也可以丰富一下代码的样式，比如在文字前加个小图标等等。 /* 分类显示两列*/ .widget_categories ul{ display:block; overflow:auto; } .widget_categories ul li{ width:79px; height:20px; float:left; }
一
强制点击广告后才能下载的代码
经常会在一些下载站遇到这样的情况，当点击某个广告文字或图片后，下载链接才会在页面上出现。依靠这种手段来提高CPT广告收入确实不错，不过不能用来做GOOGLE，不然100%被K，做做国内的广告联盟还凑乎。 下面公布下站长秘而不宣的强制点广告代码
一
用图片列表方式展示BLOG
效果可以先看牛仔主义的www.jeansism.com/pic。或者去月光博客的首页看看。 思路: 调用9个文章post 采用css将其分割成三栏展示图下附文章标题作为链接。 <?php $list_posts = get_posts('showposts=9&orderby=rand'); //随机获得9个post $i=1; 标记一 foreach( $list_posts as $post ) : //建立了一个循环 ?> //在这个循环里插入下面的内容 endforeach; ?> <?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?> //调用自定义字符来显示图片 //下面就是具体的显示文字和图片的方法， 为了清楚一点，这里把css写在style里了 实际中可以写入css文件的 <div style="float:left;width:220px; padding-right:30px;text-align:center" > <div style="height:220px;overflow:hidden;float:left; width:220px" > <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"> <img src="<?php echo ($screen); [...]
一
不用插件实现日志缩略图功能
在1月10号的时候本站介绍过日志缩略图插件Get The Image，可以很方便的在首页或其它页面输出文章缩略图，返回首页即可看到实际效果。 但是今天在幸福的收藏夹那里看到了一段代码，可以实现这种效果，特做个记号，以备急需时使用。 <?php $soContent = $post->post_content; $soImages = '~<img [^\>]*\ />~'; preg_match_all( $soImages, $soContent, $thePics ); $allPics = count($thePics[0]); switch ( $allPics > 0 ) { case $allPics = 1: echo $thePics[0][0]; // 显示文章中的第一张图片 break; // 当图片数量有1个时，不再执行 default: echo "图片地址"; // 这里加入没图片时显示的默认图片 }; ?> 将上面的代码放到index.php文件中合适位置，再配上CSS定义样式即可。本站并未测试此代码的有效性，有空时再说。 引申阅读：wordpress首页分类图片调用 为你的每一个分类目录指定一个图片，并按照文章所属的分类在首页以缩略图的形式展示出来。