实现这一效果的jQuery插件叫做：lazyload

如果不想使用插件，可以将函数嵌入主题模板中，方法如下。

1.下载lazyload.js并上传到主题相应的目录中

2.在header.php文件</head>标签前（最好在<?php wp_head(); ?>语句前）添加如下代码：

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’);?>/js/jquery.lazyload.js”></script>
<script type=”text/javascript”>
$(function() {
$(“img”).lazyload({
placeholder : “<?php bloginfo(‘template_directory’);?>/images/grey.gif”,
effect : “fadeIn”
});
});
</script>

第1行市说明调用jQuery库

第2行是说明lazyload.js文件的载入位置，<?php bloginfo(‘template_directory’);?>是调用相应主题路径的语句。

第5行img是延迟加载所有图片，可根据实际情况更改，有时候我们并不想将侧边栏的留言者的头像延迟加载，而只是要实现文章中的图片使用该效果，则根据实际情况修改相应的img语句即可，比如#post img

第6行语句是在图片加载前先用一个透明的灰色1×1像素的图片进行占位。

第7行是实现图片“淡入”的效果

当然上述只是我目前网页中的实现效果，它其他可用的效果还有很多，我就简略说一下：

1.当图片没有看到之前先把图片载入200像素（不设置的话，默认载入像素是零）

$(“img”).lazyload({ threshold : 200 });

2.在图片加载前先用一个透明的灰色1×1像素的图片进行占位

$(“img”).lazyload({ placeholder : “img/grey.gif” });

3.自定义触发事件进行载入：比如“click”（鼠标点击）和”mouseover”(鼠标滑过)等事件触发加载图片，使用自定义的事件, 如: sporty 和 foobar；默认情况下处于等待状态, 直到用户滚动到窗口上图片所在位置。 在灰色占位图片被点击之前阻止加载图片：

$(“img”).lazyload({
placeholder : “img/grey.gif”,
event : “click”
});

4.通过定义effect 参数来定义一些图片显示效果，比如fadeIn

$(“img”).lazyload({
placeholder : “img/grey.gif”,
effect : “fadeIn”
});

5.图片在容器内显示：可以将插件用在可滚动容器的图片上, 例如带滚动条的 DIV 元素. 你要做的只是将容器定义为 jQuery 对象.

CSS文件中：

#container {
height: 600px;
overflow: scroll;
}

JavaScript 代码：

$(“img”).lazyload({
placeholder : “img/grey.gif”,
container: $(“#container”)
});

6.当图片不连续时：当图片不是连续排列，我们滚动页面的时候，lazy load会循环加载图片。在循环加载中，它会检查图片是否在可见区域内，默认情况是在找到第一张不在可视区域内的图片后，会停止循环。图片被认为是流式分布的, 图片在页面中的次序和 HTML 代码中次序相同. 但是在一些布局中, 这样的假设是不成立的. 不过你可以通过 failurelimit 选项来控制加载行为.

$(“img”).lazyload({
failurelimit : 10
});

设定failurelimint参数为10，它会当载入10张照片之后，停止寻找图片载入；

7.延迟载入图片：Lazy Load 插件的一个不完整的功能, 但是这也能用来实现图片的延迟加载. 下面的代码实现了页面加载完成后再加载. 页面加载完成 5 秒后, 指定区域内的图片会自动进行加载.

$(function() {
$(“img:below-the-fold”).lazyload({
placeholder : “img/grey.gif”,
event : “sporty”
});
});
$(window).bind(“load”, function() {
var timeout = setTimeout(function() {$(“img”).trigger(“sporty”)}, 5000);
});

具体文章参见《Lazy Load Plugin for jQuery》

步骤一: 创建页面模板

当然第一步是要创建一个页面模板。先创建一个 page-contact.php 的文件，然后将 page.php 文件里的代码复制到这个新建的文件里。

为了确保WordPress能够将它当作一个页面模板来看待，我们需要在 contact.php文件的开头添加下面的注释

<?php
/*
Template Name: Contact
*/
?>

也就是说contact.php文件应该是下面这样子的:

<?php
/*
Template Name: Contact
*/
?>
<?php get_header() ?>
<div id=”container”>
<div id=”content”>
<?php the_post() ?>
<div id=”post-<?php the_ID() ?>”>
<div>
</div><!– .entry-content ->
</div><!– .post–></div>
<!– #content –>
</div><!– #container –>
<?php get_sidebar() ?>
<?php get_footer() ?>

步骤二: 创建表单

现在，我们需要创建一个简单的联系表单，只要将下面的代码粘贴到 entry-content div内部即可。

<form action=”<?php the_permalink(); ?>” id=”contactForm” method=”post”>
<ul>
<li>
<label for=”contactName”>Name:</label>
<input type=”text” name=”contactName” id=”contactName” value=”" />
</li>
<li>
<label for=”email”>Email</label>
<input type=”text” name=”email” id=”email” value=”" />
</li>
<li>
<label for=”commentsText”>Message:</label>
<textarea name=”comments” id=”commentsText” rows=”20″ cols=”30″></textarea>
</li>
<li>
<button type=”submit”>Send email</button>
</li>
</ul>
<input type=”hidden” name=”submitted” id=”submitted” value=”true” />

</form>

这个html代码相当明了，不过要注意下第19行的 input type=”hidden”，我们后面会用它来检查表单是否提交。

步骤三: 数据的处理和错误的应对

表单看起来已经不错了，但是此刻它仍然是无效的因为它没有发送任何邮件。我们需要做的是验证表单是否提交，然后再验证表单的字段填写是否正确。

如果填写都是正确的，就会收到博客管理员的邮件并向他们发送邮件。否则，就无法发送邮件，错误提示就会显示给用户。

将下面的代码粘贴在页面模板声明和get_header()函数之间：

<?php
if(isset($_POST['submitted'])) {
if(trim($_POST['contactName']) === ”) {
$nameError = ‘Please enter your name.’;
$hasError = true;
} else {
$name = trim($_POST['contactName']);
}

if(trim($_POST['email']) === ”) {
$emailError = ‘Please enter your email address.’;
$hasError = true;
} else if (!eregi(“^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$”, trim($_POST['email']))) {
$emailError = ‘You entered an invalid email address.’;
$hasError = true;
} else {
$email = trim($_POST['email']);
}

if(trim($_POST['comments']) === ”) {
$commentError = ‘Please enter a message.’;
$hasError = true;
} else {
if(function_exists(’stripslashes’)) {
$comments = stripslashes(trim($_POST['comments']));
} else {
$comments = trim($_POST['comments']);
}
}

if(!isset($hasError)) {
$emailTo = get_option(‘tz_email’);
if (!isset($emailTo) || ($emailTo == ”) ){
$emailTo = get_option(‘admin_email’);
}
$subject = ‘[PHP Snippets] From ‘.$name;
$body = “Name: $name \n\nEmail: $email \n\nComments: $comments”;
$headers = ‘From: ‘.$name.’ <’.$emailTo.’>’ . “\r\n” . ‘Reply-To: ‘ . $email;

mail($emailTo, $subject, $body, $headers);
$emailSent = true;
}}
?>

这段代码确认表单是否提交，是否正确填写。如果发生错误，比如，一个字段是空的，或者邮箱地址不正确，就会返回错误提示的信息，表单就无法提交。

接着就是显示错误提示的信息，例如，“请输入你的姓名”。 下面是完整的表单页面模板，如果喜欢的话你可以原封不动地使用。

<?php
/*
Template Name: Contact
*/
?>

<?php
if(isset($_POST['submitted'])) {
if(trim($_POST['contactName']) === ”) {
$nameError = ‘Please enter your name.’;
$hasError = true;
} else {
$name = trim($_POST['contactName']);
}

if(trim($_POST['email']) === ”) {
$emailError = ‘Please enter your email address.’;
$hasError = true;
} else if (!eregi(“^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$”, trim($_POST['email']))) {
$emailError = ‘You entered an invalid email address.’;
$hasError = true;
} else {
$email = trim($_POST['email']);
}

if(trim($_POST['comments']) === ”) {
$commentError = ‘Please enter a message.’;
$hasError = true;
} else {
if(function_exists(’stripslashes’)) {
$comments = stripslashes(trim($_POST['comments']));
} else {
$comments = trim($_POST['comments']);
}
}

if(!isset($hasError)) {
$emailTo = get_option(‘tz_email’);
if (!isset($emailTo) || ($emailTo == ”) ){
$emailTo = get_option(‘admin_email’);
}
$subject = ‘[PHP Snippets] From ‘.$name;
$body = “Name: $name \n\nEmail: $email \n\nComments: $comments”;
$headers = ‘From: ‘.$name.’ <’.$emailTo.’>’ . “\r\n” . ‘Reply-To: ‘ . $email;

mail($emailTo, $subject, $body, $headers);
$emailSent = true;
}

} ?>
<?php get_header(); ?>
<div id=”container”>
<div id=”content”>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
<h1><?php the_title(); ?></h1>
<div>
<?php if(isset($emailSent) && $emailSent == true) { ?>
<div>
<p>Thanks, your email was sent successfully.</p>
</div>
<?php } else { ?>
<?php the_content(); ?>
<?php if(isset($hasError) || isset($captchaError)) { ?>
<p>Sorry, an error occured.<p>
<?php } ?>

<form action=”<?php the_permalink(); ?>” id=”contactForm” method=”post”>
<ul>
<li>
<label for=”contactName”>Name:</label>
<input type=”text” name=”contactName” id=”contactName” value=”<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>” />
<?php if($nameError != ”) { ?>
<span><?=$nameError;?></span>
<?php } ?>
</li>

<li>
<label for=”email”>Email</label>
<input type=”text” name=”email” id=”email” value=”<?php if(isset($_POST['email'])) echo $_POST['email'];?>” />
<?php if($emailError != ”) { ?>
<span><?=$emailError;?></span>
<?php } ?>
</li>

<li><label for=”commentsText”>Message:</label>
<textarea name=”comments” id=”commentsText” rows=”20″ cols=”30″><?php if(isset($_POST['comments'])) { if(function_exists(’stripslashes’)) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>
<?php if($commentError != ”) { ?>
<span><?=$commentError;?></span>
<?php } ?>
</li>

<li>
<input type=”submit”>Send email</input>
</li>
</ul>
<input type=”hidden” name=”submitted” id=”submitted” value=”true” />
</form>
<?php } ?>
</div><!– .entry-content –>
</div><!– .post –>

<?php endwhile; endif; ?>
</div><!– #content –>
</div><!– #container –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

第四步骤: 添加jQuery验证

到此为止，我们的表达已经能够非常完美的运作了。不过你还可以通过添加一个客户端验证来改善它。为此，我打算使用jQuery和 validate jQuery 插件，这个插件非常强大，通过它你可以正确、快速、轻松地验证表单。

首先是下载验证插件 然后将它上传到你的主题文件里，完成之后，将下面的代码粘贴到一个新的文件里：

$(document).ready(function(){
$(“#contactForm”).validate();
});

将这个文件命名为verif.js并保存至你的主题文件目录里。

现在就需要将这个javascript文件链接到主题里，打开你的header.php文件，把下面的代码粘贴到<head>和</head>这两个标签之间：

<?php if( is_page(‘contact’) ){ ?>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/jquery.validate.min.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/verif.js”></script>
<?php }?>

大功告成！

1. WP-PageNavi

wordpress 分页插件，几乎每一个博客都在使用的插件。简单、方便、实用。

2. All-in-one-SEO

wordpress最棒的SEO插件，即使不懂SEO,安装上它也是有好处的。

3）WordPress Related Posts

wordpress相关文章插件，在文章中显示与之相关的文章,对SEO有很大的作用。

4）Subscribe To Comments

wordpress评论通知插件，可以有效地提供回访率。

5）Google XML Sitemaps

为Google生成网站地图，可以通过Google网站管理员工具提交到Google搜索引擎。

6）Simple Tags

方便管理wordpress标签的插件。

23，设定文章从发布到出现在RSS中的时间长短

通过RSS订阅来阅读博文的朋友可能都会有这个体验：经常发现RSS中的文字或者细节有错误，而返回到页面的时候却发现错误已经没有了。这种情况最有可能是因为
RSS最大的好处是快捷、直接，但这个最大的好处有时候对作者来说却会引发某些尴尬。所以，有时候有必要让文章发布后到读者从RSS中按到有一个小小的时间差，方便作者排查某些问题。以下的代码可以做到以下几点：

function publish_later_on_feed($where) {

global $wpdb;

if ( is_feed() ) {

// timestamp in WP-format

$now = gmdate(‘Y-m-d H:i:s’);

// value for wait; + device

$wait = ‘10′; // integer

// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff

$device = ‘MINUTE’; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

// add SQL-sytax to default $where

$where .= ” AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, ‘$now’) > $wait “;

}

return $where;

}

add_filter(‘posts_where’, ‘publish_later_on_feed’);

function publish_later_on_feed($where) {    global $wpdb;
if ( is_feed() ) {    // timestamp in WP-format    $now = gmdate(‘Y-m-d H:i:s’);
// value for wait; + device    $wait = ‘10′; // integer
// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff    $device = ‘MINUTE’; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR
// add SQL-sytax to default $where    $where .= ” AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, ‘$now’) > $wait “;    }    return $where;    }
add_filter(‘posts_where’, ‘publish_later_on_feed’);

这段代码设置的时间是10分钟，你可以把10改成任何你想要的时间。

24，自定义摘要输出时的符号

一般设定自动摘要输出，你会经常在WordPress博客的首页看到“［。..］”这样的符号。为了界面的美观，或者是个性化的需要，你可以把这个默认的符号改变为其他的符号。而以下的代码就是为了实现这个而写：

// custom excerpt ellipses for 2.9
function custom_excerpt_more($more) {
return ‘…’;
}

add_filter(‘excerpt_more’, ‘custom_excerpt_more’);
/* custom excerpt ellipses for 2.8-
function custom_excerpt_more($excerpt) {
return str_replace(‘[...]‘, ‘…’, $excerpt);
}
add_filter(‘wp_trim_excerpt’, ‘custom_excerpt_more’);
*/

25，自定义摘要输出的文字长度

假如你比较懒，不想在撰写文章的时候每篇文章都输入摘要，就可以让系统自动截取一定长度的文字来作为摘要输出。下面的代码默认是100个字节，也就是50个汉字。你可以把数值修改成符合你需要的数字。

function new_excerpt_length($length) {
return 100;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);

26，显示精确评论数

WordPress默认是把trackbacks 和 pings 都算作评论的，因此当你设置不显示trackbacks 和 ping的时候，评论数看起来总是不对头。以下的代码则以让WordPress只计算评论的数量，而不把trackbacks 和 pings也计算进去。

add_filter(‘get_comments_number’, ‘comment_count’, 0);
function comment_count( $count ) {
if ( ! is_admin() ) {
global $id;
$comments_by_type = &separate_comments(get_comments(’status=approve&post_id=’ . $id));
return count($comments_by_type['comment']);
} else {
return $count;
}
}

27，取消RSS输出

对于某些博客而言，或者因为被太多人采集了，或者因为不想让别人通过RSS订阅，想取消RSS输出。WordPress默认是没有这个功能的，但你可以通过以下的代码来取消RSS输出。

function fb_disable_feed() {
wp_die( __(‘No feed available,please visit our <a href=”‘. get_bloginfo(‘url’) .’”>homepage</a>!’) );
}
add_action(‘do_feed’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rdf’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rss’, ‘fb_disable_feed’, 1);
add_action(‘do_feed_rss2′, ‘fb_disable_feed’, 1);
add_action(‘do_feed_atom’, ‘fb_disable_feed’, 1);

28，显示Twitter 的订阅数以及其他资料

Twitter系统以及很多第三方的客户端都可以让你在WordPress博客的侧边栏暂时Twitter的订阅数以及一些其他的资料。这种做法往往很多时候都没办法跟博客已有的界面结合的很好。而以下的代码则可以让你自定义Twitter 在博客上的显示外观。

function rarst_twitter_user( $username, $field, $display = false ) {
$interval = 3600;
$cache = get_option(‘rarst_twitter_user’);
$url = ‘http://api.twitter.com/1/users/show.json?screen_name=’.urlencode($username);

if ( false == $cache )
$cache = array();

// if first time request add placeholder and force update
if ( !isset( $cache[$username][$field] ) ) {
$cache[$username][$field] = NULL;
$cache[$username]['lastcheck'] = 0;
}

// if outdated
if( $cache[$username]['lastcheck'] < (time()-$interval) ) {

// holds decoded JSON data in memory
static $memorycache;

if ( isset($memorycache[$username]) ) {
$data = $memorycache[$username];
}
else {
$result = wp_remote_retrieve_body(wp_remote_request($url));
$data = json_decode( $result );
if ( is_object($data) )
$memorycache[$username] = $data;
}

if ( is_object($data) ) {
// update all fields, known to be requested
foreach ($cache[$username] as $key => $value)
if( isset($data->$key) )
$cache[$username][$key] = $data->$key;

$cache[$username]['lastcheck'] = time();
}
else {
$cache[$username]['lastcheck'] = time()+60;
}

update_option( ‘rarst_twitter_user’, $cache );
}

if ( false != $display )
echo $cache[$username][$field];
return $cache[$username][$field];
}

把上面的代码复制到 functions.php后，再把下面代码复制到你想出现的地方即可。

echo rarst_twitter_user(‘wpbeginner’, ‘name’).’ has ‘.
rarst_twitter_user(‘wpbeginner’, ‘followers_count’).’ followers after ‘.
rarst_twitter_user(‘wpbeginner’, ’statuses_count’).’ updates.’;

20，启用WordPress简码功能

Google AdSense 算是博客的标配之一了，很多CMS经常会在模板选项里面预置Google AdSense的广告位。假如你的模板不支持，你可以通过以下的方法来解决：

function showads() {

return ‘<div id=”adsense”><script type=”text/javascript”><!–

google_ad_client = “pub-XXXXXXXXXXXXXX”;

google_ad_slot = “4668915978″;

google_ad_width = 468;

google_ad_height = 60;

//–>

</script>

<script type=”text/javascript”

src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>

</script></div>’;

}

add_shortcode(‘adsense’, ’showads’);

21，不通过.htaccess将rss地址唯一化

WordPress本身提供好几个不同版本的rss地址，加入你又使用了FeedBurner或者feedsky的话，RSS地址就会更多。太多的RSS容易分流订阅客户，而且也不利于品牌推广。 一般的修改方法是通过更改.htaccess来进行，此外，还可以通过以下的代码来实现。

function custom_feed_link($output, $feed) {
$feed_url = ‘http://feeds.feedburner.com/wpbeginner’;
$feed_array = array(‘rss’ => $feed_url, ‘rss2′ => $feed_url, ‘atom’ => $feed_url, ‘rdf’ => $feed_url, ‘comments_rss2′ => ”);
$feed_array[$feed] = $feed_url;
$output = $feed_array[$feed];
return $output;
}
function other_feed_links($link) {
$link = ‘http://feeds.feedburner.com/wpbeginner’;
return $link;
//Add our functions to the specific filters
add_filter(‘feed_link’,'custom_feed_link’, 1, 2);
add_filter(‘category_feed_link’, ‘other_feed_links’);
add_filter(‘author_feed_link’, ‘other_feed_links’);
add_filter(‘tag_feed_link’,'other_feed_links’);
add_filter(’search_feed_link’,'other_feed_links’);

22，启用paypal 捐赠简码

当你写完一篇以后，可以在文章里面插入paypal 捐赠按钮，方便读者捐赠。以下的代码可以让你非常轻松的做到这一点。

function donate_shortcode( $atts ) {
extract(shortcode_atts(array(
‘text’ => ‘Make a donation’,
‘account’ => ‘REPLACE ME’,
‘for’ => ”,
), $atts));
global $post;
if (!$for) $for = str_replace(” “,” “,$post->post_title);
return ‘<a class=”donateLink” href=”https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=’.$account.’&item_name=Donation for ‘.$for.’”>’.$text.’</a>’;
}
add_shortcode(‘donate’, ‘donate_shortcode’);

15，优化WordPress 博客的RSS

如何在RSS里面加入版权链接？如何在RSS加入广告？针对国内互联网的现状，在RSS里面加入版权尤为重要，广告倒是次要的。
除了插件（Better Feed）以外，可以采用以下的方法来实现。

function wpbeginner_postrss($content) {
if(is_feed()){
$content = ‘This post was written by Syed Balkhi ‘.$content.’Check out WPBeginner’;
}
return $content;
}
add_filter(‘the_excerpt_rss’, ‘wpbeginner_postrss’);
add_filter(‘the_content’, ‘wpbeginner_postrss’);

16，给RSS添加缩略图

缩略图一般是在正常的博客页面上用来起到美化界面的作用。当然，如果需要的话，也可以给RSS内容增加一个缩略图。要做到这一点，只需要在functions.php 里面加入如下代码：

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = ‘<p>’ . get_the_post_thumbnail($post->ID) .
‘</p>’ . get_the_content();
}
return $content;
}
add_filter(‘the_excerpt_rss’, ‘rss_post_thumbnail’);
add_filter(‘the_content_feed’, ‘rss_post_thumbnail’);

17，开启WordPress评论嵌套功能

评论嵌套功能是WordPress自身带有的最好功能之一，只可惜很多WordPress模板都不支持。很多文章都有提到过修改的方法，但一般都涉及到修改comments文件和header文件。事实上，通过修改functions.php文件来修改是最简便的，而且一劳永逸。

// enable threaded comments

function enable_threaded_comments(){

if (!is_admin()) {

if (is_singular() AND comments_open() AND (get_option(‘thread_comments’) == 1))

wp_enqueue_script(‘comment-reply’);

}

}

add_action(‘get_header’, ‘enable_threaded_comments’);

18，移除WordPress登陆面板的错误提示

当你输入的密码或者用户名错误的时候，WordPress登陆界面会给出相应的提示。但如果碰到黑客的话，这些提示反而给了他们更好的提示，让他们更容易破解用户名和密码。因此，处于安全性考虑，移除WordPress登陆面板的错误提示是非常必要的。

add_filter(‘login_errors’,create_function(‘$a’, “return null;”));

19，关闭WordPress的搜索功能

当把WordPress当做CMS系统来使用的时候，WordPress自带的搜索功能实用性就不是太强了。一来增加数据库查询次数，二来Google 自定义搜索会是更好的替代。因此，你只需要通过以下的代码就可以关闭WordPress的搜索功能。

function fb_filter_query( $query, $error = true ) {
if ( is_search() ) {
$query->is_search = false;
$query->query_vars[s] = false;
$query->query[s] = false;
// to error
if ( $error == true )
$query->is_404 = true;
}
}
add_action( ‘parse_query’, ‘fb_filter_query’ );
add_filter( ‘get_search_form’, create_function( ‘$a’, “return null;” ) );

8，让WordPress底部的版权时间显示的更生动

很多网站的版权时间都显示的是建站时的年份，有些则是显示当下的年份。事实上，这两种方式都不是太好。
最好的方式是显示从网站建设之初的年份到目前的年份位置，类似© 2006 – 2010这种显示方式。
这种效果通过以下的代码可以实现。添加完下面的代码后，系统会自动抓取发布第一篇文章的年份以及最新一篇文章的年份，并把它显示出来。

function comicpress_copyright() {
global $wpdb;
$copyright_dates = $wpdb->get_results(”
SELECT
YEAR(min(post_date_gmt)) AS firstdate,
YEAR(max(post_date_gmt)) AS lastdate
FROM
$wpdb->posts
WHERE
post_status = ‘publish’
“);
$output = ”;
if($copyright_dates) {
$copyright = “&copy; ” . $copyright_dates[0]->firstdate;
if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
$copyright .= ‘-’ . $copyright_dates[0]->lastdate;
}
$output = $copyright;
}
return $output;
}

把上面的代码添加到了functions.php文件里面后，还需要在 footer.php 任何你想显示版权时间的地方加上如下代码：

<?php echo comicpress_copyright(); ?>

9，给读者投稿文章添加姓名/来源

如果你的博客接受读者的投稿，想在该篇文章出现投稿者的姓名，同时又不想通过添加作者的这种繁琐而麻烦的方式来操作，则可以使用下面的代码。使用下面的代码后，只需要在撰写文章的时候在自定义区域填上投稿者的姓名即可。系统会自动将发布者的名称换成投稿者的名称。
这个代码对接受读者投稿较多的网站，或者是资讯型的网站非常有用（利用它来显示来源）。

add_filter( ‘the_author’, ‘guest_author_name’ );
add_filter( ‘get_the_author_display_name’, ‘guest_author_name’ );
function guest_author_name( $name ) {
global $post;
$author = get_post_meta( $post->ID, ‘guest-author’, true );
if ( $author )
$name = $author;
return $name;
}

10，启用文章缩略图功能

从WordPress2.9版本开始，可以给模板添加文章缩略图功能。操作方法很简单，只需要把下面的代码添加到functions.php里面。

add_theme_support( ‘post-thumbnails’ );

然后在要显示缩略图的地方放置下面的代码即可。

<?php the_post_thumbnail(); ?>

11，自定义WordPress 3.0 版本导航栏

WordPress 3.0 增加了一个功能，可以让WordPress模板开发者自定义导航菜单。如果你想给用户一个导航栏的选择权，只需要把下面的代码加入到 functions.php 文件里面。

add_theme_support( ‘nav-menus’ );

之后把下面的代码复制到你想出新的地方：

<?php wp_nav_menu( array( ’sort_column’ => ‘menu_order’, ‘container_class’ => ‘menu-header’ ) ); ?>

12，移除WordPress默认的个人资料选项

如果你客户的想让用户可以自行添加个人资料，那么需要让这个选项更简单。其中一个方法就是移除部分选项，AIM， Yahoo IM 和 Jabber 之类的东东。

add_filter(‘user_contactmethods’,'hide_profile_fields’,10,1);
function hide_profile_fields( $contactmethods ) {
unset($contactmethods['aim']);
unset($contactmethods['jabber']);
unset($contactmethods['yim']);
return $contactmethods;
}

13，添加作者个人资料选项

如果你想更充分的展示作者的个人资料，那么你可以添加一些更个性化的资料选项，例如添加twitter 和 facebook账号等。下面的代码就是添加twitter 和 facebook账号用的。当然，你可以把里面的内容替换成其他任何你想展示的资料。这个对多博客作者尤其有用。

function my_new_contactmethods( $contactmethods ) {
// Add Twitter
$contactmethods['twitter'] = ‘Twitter’;
//add Facebook
$contactmethods['facebook'] = ‘Facebook’;
return $contactmethods;
}
add_filter(‘user_contactmethods’,'my_new_contactmethods’,10,1);

添加完是上面的代码后，你需要在author.php文件里面添加如下的代码：

<?php echo $curauth->twitter; ?>

注意：改代码仅在WordPress2.9以上的版本起作用。

14，添加侧边栏小模块

这是目前用的最多的技巧之一，很多WordPress模板开发者都已经知道，并且在用了。

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(‘name’=>’MiddleSidebar’,
‘before_widget’ => ‘<li class=”widget”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”widgettitle”>’,
‘after_title’ => ‘</h3>’,
));
register_sidebar(array(‘name’=>’FooterSidebar’,
‘before_widget’ => ‘<li class=”widget”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”widgettitle”>’,
‘after_title’ => ‘</h3>’,
));

上面的代码可以增加两个侧边栏的小模块。以此类推，你可以添加无限多侧边栏的小模块。添加完上面的代码后，你需要把下面的代码添加到你要出现这边小模块的地方。

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘MiddleSidebar’) ) : ?>
<!–Default sidebar info goes here–>
<?php endif; ?>

注意：侧边栏并不一定需要出现在sidebar.php文件里面。

1，添加Google Analytics 统计

只需要把下面的代码添加到functions. php文件里面——注意把里面的中文部分替换成你的Google 统计代码，然后你就不用担心了。

<?php
add_action(‘wp_footer’, ‘add_googleanalytics’);
function add_googleanalytics() { ?>
// 把Google 统计代码复制到这里
<?php } ?>

2，给WordPress 博客添加一个 Favicon 图标。

每一个博客都应该有一个独一无二的标志，你可以通过添加代码到header.php来实现。当然，你也可以通过添加代码到functions.php来实现。添加完下面的代码后，只需要把Favicon.ico文件上传到网站根目录即可。

// add a favicon to your
function blog_favicon() {
echo ‘<link rel=”Shortcut Icon” type=”image/x-icon” href=”‘.get_bloginfo(‘wpurl’).’/favicon.ico” />’;
}
add_action(‘wp_head’, ‘blog_favicon’);

3，移除WordPress版本号。

WordPress有新版本出来后，总会在后台提示管理员进行升级。但假如你是给客户制作网站，而他们又不想升级的话，最好的办法就是从WordPress 头部、RSS里面以及其他任何地方移除版本的信息。

function wpbeginner_remove_version() {
return ”;
}
add_filter(‘the_generator’, ‘wpbeginner_remove_version’);

4，给WordPress控制面板添加自定义logo

用WordPress给客户制作网站，如果给WordPress的控制面板后台添加一个自定义logo，则会让网站显的专业很多。要做到这一点，你只需要把代码添加到functions.php即可。

//hook the administrative header output
add_action(‘admin_head’, ‘my_custom_logo’);
function my_custom_logo() {
echo ‘
<style type=”text/css”>
#header-logo { background-image: url(‘.get_bloginfo(‘template_directory’).’/images/custom-logo.gif) !important; }
</style>
‘;
}

5，改变WordPress后台控制面板底部信息

如上所述，如果不想让客户知道网站是由WordPress制作，则可以修改WordPress控制面板底部的信息，只需要把下面的代码添加到 functions.php文件即可。

注：代码里面的html部分可以修改。

function remove_footer_admin () {
echo ‘Fueled by <a href=”http://www.wordpress.org” target=”_blank”>WordPress</a> | Designed by <a href=”http://www.uzzz.net” target=”_blank”>Uzzz Productions</a> | WordPress Tutorials: <a href=”http://www.wpbeginner.com” target=”_blank”>WPBeginner</a></p>’;
}
add_filter(‘admin_footer_text’, ‘remove_footer_admin’);

6，自定义WordPress控制面板模块

一些WordPress插件会在控制面板那里添加一些模块来显示相应的信息，作为一个WordPress模板设计者，你也可以通过修改functions.php文件来实现这个功能。注意替换里面的相应信息。

add_action(‘wp_dashboard_setup’, ‘my_custom_dashboard_widgets’);
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
wp_add_dashboard_widget(‘custom_help_widget’, ‘Theme Support’, ‘custom_dashboard_help’);
}
function custom_dashboard_help() {
echo ‘<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href=”heremailto:yourusername@gmail.com”>here</a>. For WordPress Tutorials visit: <a href=”http://www.wpbeginner.com” target=”_blank”>WPBeginner</a></p>’;
}

7，改变默认的 Gravatar 头像

WordPress程序默认的 Gravatar 头像很不咋地，而且到处都是千篇一律的默认头像一点都无法体现独特性。你可以把以下代码添加到functions.php文件里面，然后记得把自定义的 Gravatar 头像上传到WordPress模板的images文件夹。

add_filter( ‘avatar_defaults’, ‘newgravatar’ );
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravatar.gif’;
$avatar_defaults[$myavatar] = “WPBeginner”;
return $avatar_defaults;
}

如何使用more标签

假设你有一篇文章内容如下:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis mattis.
Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

<!-more->

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer
ligula vulputate sem tristique cursus. Nam nulla quam, gravida non dolor,
commodo a semper suscipit, sodales sit amet, nisi adipiscing.

那么在非单篇文章浏览形式下，你的文章将会这样显示:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis mattis.
Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
more…

而浏览单篇文章时，显示的内容如下:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis mattis.
Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer
ligula vulputate sem tristique cursus. Nam nulla quam, gravida non dolor,
commodo a semper suscipit, sodales sit amet, nisi adipiscing.

全文显示了这篇文章并且没有more链接。

为何要使用more标签?

主要是因为摘要显示很实用，你可以在主页上显示多篇文章摘要，这样读者不需要往下拉动页面太多就可以快速地浏览所有文章的大概内容。如果你的摘要吸引了读者的注意力，他们就会想接着阅读整篇文章，那么只要点击“more”标签创建的链接就可以了。因此，这里就给大家介绍几种自定义more链接的文本内容的方法。

一篇一篇地自定义more标签文本

想自行定义你的more链接文本，这里有两个好方法。最简单的一个就是，在文章内容插入more标签时自行加入自定义的文本内容。例如，需要将默认的more改成 “keep reading this post”，你就可以将平常用的<!–more–>标签替换为:

<!–more Keep reading this post–>

使用这种方法，你可以为 WordPress 中任何一篇文章的more标签设定独特的文本内容。这是WordPress一个非常讨人喜欢的地方，不过可能很多人还不知道。所以更多的人还是使用下面的方法来自定义每篇文章的more标签文本：

<?php $custom_more = get_post_meta($post->ID,  “custom_more_text”, true);
if(!$custom_more) { $custom_more = “Keep reading  this post &raquo;”; }
the_content($custom_more); ?>

这段代码通过寻找自定义的一个叫做 “custom_more_text” 的字段，并将它的值显示为该文章的自定义more标签文本。

统一定制more标签文本

估计有人会嫌一篇篇地修改more文本的方式麻烦，其实也可以为整个网站的所有文章一起设定more标签文本。最简单常见的方法就是在 the_content() 模板标签里添加自定义文本：

<?php the_content(‘Keep reading this post’); ?>

你甚至可以根据自己的需要给显示效果设定一个格式：

<?php the_content(“<span >Keep reading this post</span>”);  ?>

我相信大多数WordPress内行人都对这个比较熟悉，也应该经常使用这种方法。不过还有一种方法也可以达到同样的效果，它是通过 functions.php文件来实现的。WordPress 2.8以后，我们可以使用新的filter hook来过滤整个网站的more标签文本:

function my_more_link($more_link, $more_link_text) {
return str_replace($more_link_text, ‘Keep reading this post’, $more_link);
}

add_filter(‘the_content_more_link’, ‘my_more_link’, 10, 2);

首先进入你主题的 functions.php文件，然后将 “Keep reading this post”修改为任何你自己喜欢的more标签文本内容。这种方法没有对主题模板文件进行任何修改，非常适合想通过子主题来自定义more文本的用户。

自动将文章题目显示在more标签中

另外一个更酷的方法就是将文章题目放入到more链接文本里。例如，我们可以设置如下的效果:

Lorem ipsum..

Continue reading “Lorem Ipsum Strikes Back”

在more链接中加入你的文章题目，这样显得摘要更富有个性。代码如下:

<?php the_content(“…continue reading the story  called ” . get_the_title(”, ”, false)); ?>

就这样也行，不过下面的好像更简洁一点:

<?php the_content(the_title(‘Continue reading &ldquo;’,'&rdquo;’,false)); ?>

如果你想在所有标签里显示相关文章的题目，那就用这个办法吧！

阻止more链接跳转到页面的中间

默认情况下，点击more链接将会将读者带到单篇文章浏览的形式，并且会转到more标签指定的位置。这样，如果你使用默认的more标签功能，读者点击more链接之后将会被带入到文章的半中间。曾经一段时间，大家比较接受这样的做法，不过，现在越来越人觉得还是直接打开文章页面不跳转到其他位置比较好。

总之一句话，如果你希望点击more标签后，打开进入的是文章页面的顶部，那么请在当前主题的functions.php文件，添加下面的代码:

function remove_more_jump_link($link) {
$offset  = strpos($link, ‘#more-’);
if  ($offset) {
$end  = strpos($link, ‘”‘,$offset);
}
if  ($end) {
$link  = substr_replace($link, ”, $offset, $end-$offset);
}
return  $link;
}

add_filter(‘the_content_more_link’,  ‘remove_more_jump_link’);

这样就可以阻止more链接的跳转，读者也不会觉得突兀。注意，此功能只适用于WordPress 2.8及以后的版本。

用more标签来自定义页面

more标签的主要用途是打开相关文章的独立浏览模式。但有时也不是这样的，你是否有需要将more链接的目标指向另一个不同的页面呢？为了更好地理解这一点，我们来看一下the_content() 模板标签里提供的参数:

<?php the_content($more_link_text, $strip_teaser, $more_file); ?>

这里，$more_link_text 参数定义了more链接使用的文本；$strip_teaser 参数定义了一个布尔值来决定是否显示more链接。第三个参数就是我们这里需要用到的参数。$more_file参数指定了more链接应该指向的URL 地址，默认情况下，这个 URL将会指向相关的单一文章浏览模式，但是我们也可以对它进行自定义:

<?php the_content(‘Order Now!’, FALSE, ‘http://amazing-product.com/order-page.html’); ?>

或者其他任何你需要的URL地址，当然，很少人会这么使用，不过如果有人需要的话，是可以用上面的方法实现的。

More标签的样式

需要修改所有标签的样式，最简单的办法就是使用内置的分类属性。默认情况下， 所有WordPress more标签都会自动包含此分类。这样，你可以直接使用样式，例如：

.more-link {
border: thin solid black;
letter-spacing: 1px;
background: yellow;
font-size: 24px;
color: red;

}

如果你还需要额外的其他属性，你可以通过the_content()模板标签来整合更多的自定义内容:

<?php the_content(“<span >Keep reading <em>this</em>  post</span>”); ?>

这样你就可以在CSS中使用下面的代码了：

.custom-more {
font-weight: bolder;
}
.custom-more em {
font-weight: normal;
font-style: italic;

}

当然，上面只是一个简单的例子，你可以添加任何其他你需要自定义的内容。

给more标签添加图片

最后给大家介绍下给more标签添加图片的方法来结束这篇文章。第一种方法就是，直接在the_content( ) 模板标签里添加图片元素：

<?php the_content(‘<img  src=”http://domain.tld/read-more.png” alt=”Arrow”  title=”Read more” />’); ?>

这样你的more标签就会显示图片而不是文本了。你也可以添加一些文本，但是如果你不熟悉<img>元素的alt和title属性，你也可以完全绕开<img>元素，使用CSS来定制图片风格:

.more-link img {
background:url(http://domain.tld/read-more.png) no-repeat left center;
padding: 10px;
height: 100px;
width: 300px;

}

同样的，这也仅是一个例子，more标签还有很多用法，你可以尽情发挥自己的想象力。

MobilePress 介绍

MobilePress 是一款 WordPress 插件，它首先通过浏览器的 User-Agent 判断出用户是否使用手机在浏览你的 WordPress 博客，然后它会给博客更换一款适合手机浏览的主题，让手机用户更好的浏览博客。

MobilePress 支持绝大多数手机，如 iPhone, Android, 黑莓, Windows CE, Nokia 等类型手机，和 Opera Mini, UCWeb 等手机浏览器。

MobilePress 安装和使用

MobilePress 安装非常简单，只要上传激活即可，也可以通过 WordPress 后台直接安装。

安装好 MobilePress 之后，在 WordPress 后台主菜单就多了一个 MobilePress 的菜单，他有两个子菜单：

1.Options

这里的 Blog Title 和 Blog Description 是让你给手机版本的博客设置一个博客标题和描述，留空使用原来默认已经设置好的博客标题和描述。

Force Mobile Site? 强制使用手机版，即使使用普通浏览器浏览也会显示适合手机浏览的主题。一般选择 no 了，普通浏览器用户还是希望给他看到更多精彩的展示。

接下来三项：

• Treat iPhone as a web browser?
• Treat Windows smartphone as a web browser?
• Treat Opera Mini as a web browser?

意思是是否把用户在 iPhone, Windows CE, Opera Mini 这三种情况浏览你的博客作为普通浏览器用户，即显示默认设置的主题。这里一般还是选择 no，虽然 iPhone 手机已经强大和普通浏览器没有很大的区别，Opera Mini 对网页解析已经最够完美了，但是我们还是希望给手机用户一个简洁的主题，主题中图片更少，从另外一方面说，也是节省了带宽。

2.Theme

这里的 Theme 可以让你给不同的手机设置不同的主题，目前支持给 iPhone, Windows CE, Opera Mini 这三种手机或者手机浏览器设置专属的主题。目前 MobilePress 提供了 Mobile 和 iPhone 两款适合手机浏览的主题，当然你可以给自己的手机设置一款主题上传到该插件目录下的 themes 文件夹中。

和 WP Super Cache 配合使用

如果你的博客和我一样安装了 WP Super Cache 这款插件，你需要开启 WP Super Cache 插件中的 Mobile device support 这个选项，即手机浏览情况下不缓存，MobilePress 插件才有效。为了确保该选项起作用，你应该检查下你的 .htaccess 文件中是否含有以下几行：

RewriteCond %{HTTP_user_agent} !^.*(Android|2.0\ MMP|240×320|AvantGo|BlackBerry|Blazer|Cellphone|Danger|DoCoMo|Elaine/3.0|EudoraWeb|hiptop|IEMobile|iPhone|iPod|KYOCERA/WX310K|LG/U990|MIDP-2.0|MMEF20|MOT-V|NetFront|Newt|Nintendo\ Wii|Nitro|Nokia|Opera\ Mini|Palm|Playstation\ Portable|portalmmm|Proxinet|ProxiNet|SHARP-TQ-GX10|Small|SonyEricsson|Symbian\ OS|SymbianOS|TS21i-10|UP.Browser|UP.Link|Windows\ CE|WinWAP).*

普通缓存和 GZ 缓存都需要对应一行。

关于 MobilePress 就讲解那么多，下载地址：http://mobilepress.co.za/。