标签归档：代码

wordpress非插件实现中英文字符串截断

发表于 由
1

有利于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, $cutlength, $endstr); ?>

最后将调用代码放到主题

<?php the_title(); ?>

的下面即可。

给wordpress最新文章标题添加new图标

发表于 由
回复

给wordpress最新文章标题添加一个醒目的图标，有助于访问者区分新旧文章，一般在CMS等大型新闻列表网站常见。当wordpress3.1.1出来后，WP已经成为一个可塑性极高的CMS系统。

博优谷首页高度优化，以纯列表样式展示文章，有利于SEO。若再增加一个靓丽的小图标，定能起到画龙点睛之笔。效果如图所示：

QQ截图20110417223246 给wordpress最新文章标题添加new图标

拷贝下面的代码：

<?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">&gt;</span> 8, 'largest' =<span class="kwrd">&gt;</span> 22, 'unit' =<span class="kwrd">&gt;</span> 'pt', 'number' =<span class="kwrd">&gt;</span> 45,
        'format' =<span class="kwrd">&gt;</span> 'flat', 'separator' =<span class="kwrd">&gt;</span> &quot;\n&quot;, 'orderby' =<span class="kwrd">&gt;</span> 'name', 'order' =<span class="kwrd">&gt;</span> 'ASC',
        'exclude' =<span class="kwrd">&gt;</span> '', 'include' =<span class="kwrd">&gt;</span> '', 'link' =<span class="kwrd">&gt;</span> 'view', 'taxonomy' =<span class="kwrd">&gt;</span> 'post_tag', 'echo' =<span class="kwrd">&gt;</span> true
    );

默认字体最小是8pt,最大是22pt,默认显示45个标签；

orderdy也可以"count”,排序，表示标签的使用次数；

order也可以"DESC”按照降序排序；

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;
}
/* 链接显示两列*/

一段代码实现wordpress分类目录两列显示

发表于 由
回复

强大的wordpress即使更新到了3.1，默认的目录还是显示一列，有时会与主题格格不入，其实只要在style.css中加入一段代码，即可轻松实现了。你也可以丰富一下代码的样式，比如在文字前加个小图标等等。

/* 分类显示两列*/
.widget_categories ul{
    display:block;
    overflow:auto;
}
.widget_categories ul li{
    width:79px;
    height:20px;
    float:left;
}

强制点击广告后才能下载的代码

发表于 由
4

经常会在一些下载站遇到这样的情况，当点击某个广告文字或图片后，下载链接才会在页面上出现。依靠这种手段来提高CPT广告收入确实不错，不过不能用来做GOOGLE，不然100%被K，做做国内的广告联盟还凑乎。

下面公布下站长秘而不宣的强制点广告代码

继续阅读 →

用图片列表方式展示BLOG

发表于 由
6

效果可以先看牛仔主义的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); ?>"  width="220 "alt=""  />  </a>
</a>
</div>
<h4>
<a href="<?php the_permalink() ?>" rel="bookmark"       title="Permanent Link to <?php the_title(); ?>"><?php     the_title     (); ?></a>
</h4>
</div>
<?php
if(fmod($i,3)==0)   //做判断 3个div以后 结束  重新开始一个3个一组的div
{
echo("</div> <div style='height:220px;padding-bottom:55px'>");
}
$i=$i+1;

这样基本就完了  可以保存为模板  以页面形式发布。

我们再把思路引申一下，单独做一个这样的页面，然后WP后台将这个页面设为首页，立马焕然一新的感觉。

不用插件实现日志缩略图功能

发表于 由
5

在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首页分类图片调用 为你的每一个分类目录指定一个图片，并按照文章所属的分类在首页以缩略图的形式展示出来。