前端时间有朋友（快乐的村长）提出页面不够简洁，而且广告偏多，在这里表示特别的感谢，希望以后能有更多的朋友对本博客提出意见，本人将虚心听取。

本次调整的内容如下：

1. 为了使页面简洁一点，本人将右边栏的内容进行了调整。正如你现在看到的样式。采用不同背景来区分广告和内容，然后采用tab 导航的形式来展现热门、读者墙、友情链接和标签。

2. 页面导航部分将 Number Of Pages To Show 由8修改为6，Number Of Larger Page 由3修改为2。原因是在页码较大的时候，导航菜单的宽度容易溢出。注：这里使用的 pagenav 插件。

3. 博客页面最多显示 由8修改为5。原因是由于右边栏高度变小，为了协调左右边栏高度方向的平衡。

4. Google 自定义搜索显示页面的宽度由640px调整为550px， Google 自定义搜索显示页面的宽度默认是640px，显然已经超过本博客左边栏的宽度了，造成部分内容被隐藏。

我觉得善于吸取别人的教训也是一个好习惯，上面就是我在设计博客主题时出现的一些问题，希望你能有所避免。

使用 WordPress 可以搭建功能强大的网络信息发布平台，但更多的是应用于个性化的博客。针对博客的应用，WordPress 能让您省却对后台技术的担心，集中精力做好网站的内容。

现在进入Wordpress后台会有升级提示，但因中文版还没出来，国内用户暂时还不能升级到Wordpress 3.0。

英文版Wordpress后台界面：

升级到 Wordpress 3.0 后，主题没有什么影响，升级过程很顺利，但升级之前最好还是备份一下，期待Wordprss 3.0中文版早日出来。

如果你也想拥有一个独立博客，推荐使用Wordpress，其大量的主题和插件，是其他博客平台所不能媲美的。

短网址，又称短址、缩址、网址缩短、缩短网址、URL缩短等，指的是一种互联网上的技术与服务。此服务可以提供一个非常短小的URL以代替原来的可能较长的URL，将长的URL地址缩短。

短网址另外也有方便用户记忆及传送网址的功能，短址可将太长的网址转换成15个字以内的替代网址，也有部分网站提供自定义名称以及密码保护的功能，可以让用户取得更有自己风格的短网址。

前端时间中国解禁了http://bit.ly/短网址服务，这里就介绍一下如何在Wordpress中使用Bitly短网址服务。

1. 申请Bitly的 API key , 申请地址 http://bit.ly/a/your_api_key

2. 在Wordpress主题文件夹的functions.php文件中增加下面的函数

function bitly($url) {
$content = file_get_contents("http://api.bit.ly/v3/shorten?login=YOURLOGIN
&apiKey=YOURAPIKEY
&longUrl=".$url."&format=xml");
$element = new SimpleXmlElement($content);
$bitly = $element->data->url;
if($bitly){
echo $bitly;}
else{
echo '0';
}
}

将上面代码中的YOURLOGIN和YOURAPIKEY替换成第一步申请的LOGIN 和 API KEY。

3. 在single.php 中需要显示短网址的地方增加下面的代码

<?php bitly(get_permalink($post->post_id)); ?>

具体的实例样式可参考本博客底部的转载说明处。

附：反解短网址利器-Untiny

一. Permalink Anchor——输出带有标识符的文章链接

语法：<?php permalink_anchor(‘type’); ?>
参数说明：type[id|title]
id——post ID
tile——postname
输出样式<a id=”….
例：<?php permalink_anchor(‘type=title’); ?>

二. Permalink (PHP)——在php中调用文章permalink

语法：<?php get_permalink(id); ?>
参数说明：
id——文章ID（post ID）,若函数用于循环（loop）内，并且没有指定id时，id默认取值当前文章的post ID。
例：<?php get_permalink(17); ?>

三. Permalink URL——文章固定链接

语法：<?php the_permalink(); ?>
参数说明：无参数，此函数必须用于循环（loop）中，返回正在处理的文章固定链接。

四. Permalink(formatted for syndication feeds)

语法：<?php permalink_single_rss(‘file’); ?>
参数说明：
file——链接指向的页面，默认为当前页。
例：<?php permalink_single_rss(‘index.php’); ?>

一. Edit Post 链接——在用户登录的情况下，显示文章编辑链接

语法：<?php edit_post_link(‘link’, ’before’, ’after’); ?>

参数说明：

• link：链接文本，默认值为 Edit This，例：<?php edit_post_link(‘Edit’, ’before’, ’after’); ?>。
• before：链接文本前导符，默认值为空，例：<?php edit_post_link(‘link’, ’&raquo;’, ’after’); ?>
• after：链接文本后导符，默认值为空，例：<?php edit_post_link(‘link’, ’before’, ’&laquo;’); ?>

二. Edit Comment 链接——在用户登录的情况下，显示评论编辑链接

语法：<?php edit_comment_link(‘link’, ’before’, ’after’); ?>

参数说明：

• link：链接文本，默认值为 Edit This，例：<?php edit_comment_link(‘Edit’, ’before’, ’after’); ?>
• before：链接文本前导符，默认值为空，例：<?php edit_comment_link(‘link’, ’&raquo;’, ’after’); ?>
• after：链接文本后导符，默认值为空，例：<?php edit_comment_link(‘link’, ’before’, ’&laquo;’); ?>

三. Page Links——页面导航链接

语法：<?php wp_page_links(‘arguments’); ?>

参数说明：

• before：整个页面链接的前导符，默认值为<p>Pages:，例：<?php wp_page_links(‘before=<div>’); ?>
• after：整个页面链接的后导符，默认值为</p>，例：<?php wp_page_links(‘after=</div>’); ?>
• next_or_number：是否使用页码，参数范围 [number | next]，例：<?php wp_page_links(‘next_or_number=next’); ?>
• nextpagelink：下一页链接文本，默认值为Next page，例：<?php wp_page_links(‘nextpagelink=Next’); ?>
• previouspagelink：前一页链接文本，默认值为Previous page，例：<?php wp_page_links(‘previouspagelink=Previous’); ?>
• pagelink：链接格式，%代表页码，例：<?php wp_page_links(‘pagelink=[%]‘); ?>
• more_file：链接指向的页面，默认只向当前页面，例：<?php wp_page_links(‘more_file=more.php’); ?>

四. Yearly Archive URL —— 年份归档链接，供PHP调用

语法：<?php get_year_link(‘year’); ?>

参数说明：默认值为当前年份，例：<?php get_year_link(‘2003′); ?>

五. Monthly Archive URL——年份/月份归档链接，供PHP调用

语法：<?php get_month_link(‘year’,'month’); ?>

参数说明：

year：年份；month：月份

例：<?php get_month_link(‘2003′,’month’); ?> <?php get_month_link(‘2003′,’month’); ?>

六. Daily Archive URL 按天归档文件链接，供PHP 调用

语法：<?php get_day_link(‘year’,'month’,'day’); ?>

参数说明：

year：年份；month：月份；day：天

例：<?php get_day_link(‘year’,'month’,'23′); ?>

一. 先看一下 Google实时搜索 中的日期显示格式

上面的日期显示格式效果很酷吧，在wordpress中只需要增加简单的几行代码也可以实现上述的效果。

二. 具体实现方法

只需要在主题文件夹的 functions.php 文件中增加下面的代码即可。

add_filter('the_time', 'timeago');

function timeago() {
global $post;
$date = $post->post_date;
$time = get_post_time('G', true, $post);
$time_diff = time() - $time;
if ( $time_diff > 0 && $time_diff < 24*60*60 )
$display = sprintf( __('%s 之前发表'), human_time_diff( $time ) );
else
$display = date(get_option('date_format'), strtotime($date) );
return $display;
}

三. 说明

sprintf( __(‘%s 之前发表’), human_time_diff( $time ) ) ——日期显示格式，可根据需要自行修改“ %s 之前发表 ”（不包含引号）即可。

示例如下：

步骤：

打开主题文件夹下的functions.php，添加如下代码：

function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; }
    </style>';
}
add_action('login_head', 'my_custom_login_logo');

代码说明：
记得将logo.png文件名修改成你网站logo的名称。

HTML

<div id="article-author">
 <div id="author-image">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); }?>
</div>
<div id="author-text">
 <strong><?php the_author_link(); ?></strong>
 <p><?php the_author_description();?></p>
</div>
</div>

CSS

#article-author {
margin-top: 15px;
margin-bottom: 15px;
margin-top: 30px;
border: 1px solid #d9d9d9;
clear: both;
background-color: #eee;
padding: 10px;
width: 468px;
height: 120px;
}

#author-image {
height: 80px;
width: 80px;
border: 1px solid #d9d9d9;
background-color: #FFFFFF;
padding: 10px;
margin-bottom: 8px;
float: left;
}

#author-text {
float: left;
margin-left: 10px;
width: 350px;
}

上面显示的用户信息，可以在 Wordpress 控制板/用户 中设置，如下所示：

上面涉及到一些Wordpress函数，这里就不多说了，具体请参考 Wordpress函数讲解-Author Template Tags。

目录或归档页面经常需要输出文章的摘要，而不是输出正篇文章，输出摘要的有利于搜索引擎优化，而且也方便读者大体上了解文章内容。

输出文章摘要由两种方法：

1. the_excerpt()

打开wordpress数据库的wp-posts表我们可发现post_excerpt字段，the_excerpt()输出的内容就是此字段存储的信息。

the_excerpt()无参数，不支持内嵌标记，并且输出时会以…结尾。

在编辑文章时需在摘要部分填上相关摘要信息，如下图所示。

2. the_content()

如果文章里面使用<!--more-->，则会输出<!--more-->以前的内容，否则会输出正篇文章内容。

如果你想使用the_content()，在编辑文章的时候一定要在文章内容添加上<!--more-->。

使用the_excerpt()会填充post_execerpt字段，而the_content()不会额外增加数据库占用空间。

范例：在目录或归档页面输出摘要，其他位置输出全部内容。

<?php if ( is_category() || is_archive() ) {
the_excerpt();
} else {
the_content();
} ?>

gravatar图像路径结构:

http://www.gravatar.com/avatar/3b3be63a4c2a439b013787725dfce802?s=80&r=g&d=identicon

参数说明：
3b3be63a4c2a439b013787725dfce802：根据 Emial 生成的 16进制的Email hash代码。（必须提供此参数）
s=80：指定图像的大小。默认值为80px，范围为1到512像素。
r=g：等级

• G — 普通级别，任何年龄的访客都适合查看
• PG — 有一定争议性的头像，只适合13岁以上查看
• R — 成人级，只适合17岁以上成年人查看
• X — 最高等级，不适合大多数人查看

d=identicon：默认图像

• 神秘人- Mystery Man
• 空白 – Blank
• Gravatar标志 – Gravatar Logo
• 抽象图形(自动产生) – Identicon (Generated)
• Wavatar(自动产生) – Wavatar (Generated)
• 小怪物(自动产生) – MonsterID (Generated)

在 Wordpress 控制面板中设置相关参数。

在 WordPress 的文章或评论中显示用户图像代码：

1. 我们在functions.php添加下面的函数，以便在文章中直接调用。

function get_recent_comment()
         {
         global $wpdb; $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author,comment_author_email, comment_date_gmt, comment_approved, comment_type,comment_author_url,SUBSTRING(comment_content,1,80) AS com_excerpt
         FROM $wpdb->comments
         LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID)
         WHERE comment_approved = '1' AND comment_type = '' AND
         post_password = ''
         ORDER BY comment_date_gmt DESC
         LIMIT 5";
         $comments = $wpdb->get_results($sql);
         $output = $pre_HTML;
         foreach ($comments as $comment) {
         $output .= "\n<li><img src=\"http://www.gravatar.com/avatar/".md5($comment->comment_author_email). "&s=42&amp;d=&amp;&r=G' alt=\"".strip_tags($comment->comment_author)."  />\n
<a href=\"" . get_permalink($comment->ID) .
"#comment-" . $comment->comment_ID . "\">" . strip_tags($comment->com_excerpt)
."</a></li>";
} $output .= $post_HTML;
		echo $output;
} 

代码说明：

• md5($comment->comment_author_email) ：将关联的email转化为16进制 hash md5 码。
• 可根据需要自行修改上述函数。

2. 调用get_recent_comment()函数，在需要放置 最新评论 的地方放置如下代码。

<ul>
<?php echo get_recent_comment(); ?>
</ul>

3. 输出样式：

如本站右侧部分 最新评论 部分。