其实强大的Wordpress早已为我们提供了这方面的接口（API），很多国外主题已集成该功能，只是国内主题中很少见到，实现这一功能要用到：

通过上面函数可以向Wordpress小工具（widget）页面注册添加自定义小工具项目。

一、首先将主题固定的模块函数提取出来，放到单独的模版文件中。

比如将下面这两段“热门文章及分类目录”代码，分别粘贴到新建的两个：hot.php和categories.php文件模版中，

热门文章代码：

文章分类代码：

二、打开主题的functions.php，添加：

及：

之后，打开Wordpress小工具页面，会多出两个小工具“热门文章和文章分类”，与默认小工具一样可任意拖拽到侧边widget中，加上相应的样式基本就大功造成了。

另外还可以替换和隐藏默认的小工具，可以下面参考官网Codex

即将升级的HotNews Pro 主题已将大部分侧边固定功能模块，移到Wordpress小工具（widget）面板中，方便用户灵活安排侧边模块位置。

相关参考：

Function Reference/register sidebar widget

Widgets API

就是下面这段代码：

将上面代码，添加到主题顶部模板header.php中即可。这个方法比修改WP程序源文件要方便的多。

不过貌似只对IE有效，其它核心浏览器都有多标签设置功能，并不一定有效果。

今天提供的滚屏代码与HotNews pro主题集成的滚屏按钮类似，只不过是固定在屏幕的边缘并具有鼠标悬停效果，下面以Wordpress默认主题Twenty Ten为例，开始折腾。

打开Twenty Ten主题的header.php模版文件，把以下代码

添加到这句后面

也可添加到footer.php中。

再把下面的样式添加到style.css的最后面：

最后把下面的图片扔到主题的images文件夹中，刷新页面试试按钮效果。

可能你会发现滚屏有些生硬，对了还缺少JS滑动特效。

下载：jquery.min.js，放到Twenty Ten主题根目录中，并在header.php模版：

下面添加：

注：如果你的主题已加载了jquery.js，就不用重复加载jquery.min.js了。

最后，再刷新一下页面，这回效果应该出来了。点些查看效果演示

注：如果你的主题标签选择器不是#header、#comments和#footer可以对上面代码作相应的修改。

经常看见有的网友也弄了个滚屏按钮，大大的回旋箭头，JS特效晃晃悠悠，严重干扰阅读者的视线。

顺便再给大家提供一个双击滚屏代码：

这段JS代码，可实现双击鼠标自动滚屏，单击停止，效果可以在此页面试试。

将下面的代码添加到你的主题模版适当位置，比如添加到footer.php中

添加上述代码后，在第一次浏览页面时，PHP程序会首先寻找counter.txt 文件是否存在，若不存在，则在你的Wordpress程序根目录建立一个 counter.txt 文件，然后将 0 写入文件。读取 counter.txt 文件的内容，再将文本中的数字存入 $num 变数中，并将数字显示在代码添加的位置。

效果可以看我博客的页脚，这个计数统计数字只能用飙升来形容了！

联系表单模板补丁使用方法：

1.解压下载的压缩包，分别将：

contact.php 上传到主题根目录

form.php 上传到主题includes目录（注：上传前需打开该模版文件，将第一行的电邮地址改为自己的）

muscript.js 上传到主题js目录

2.打开header.php在〈/head〉上面添加：

3.新建一个页面，名称任意，比如：联系我，右下模板属性→模版→选择“联系方式”模版，发表即可。

4.可以通过WP菜单功能将新建的联系表单页面加到导航菜单中，发个电邮试试吧。

另外，还有一个更简易的联系表单模版，只有一个文件，制作方法参考自下面这篇教程：

How to create a built-in contact form for your WordPress theme

该教程的翻译：

教你如何给WordPress主题创建内置联系表单

这个简易的联系表单模版，功能较单一，虽然添加表单jQuery验证插件后，功能也不错，但加载的js文件较大，得不偿失，自己选择吧。

使用方法：直接将contact.php模版文件上传到主题根目录，其它参考上面的第三步。

比如，想让HotNews Pro 2.4版CMS模板侧边内容与正文及分类页面显示不同的内容。

首先，复制一份sidebar.php模版文件，重命名为：sidebar_h.php

之后，打开cms.php，找到：

替换为：

下面就可以针对这个sidebar_h.php模版进行个性化修改，让其与sidebar.php模版调用的内容不同.

比如：调整滑动菜单模块顺序，把最新文章与热门文章位置调换一下：

最新文章代码：

热门文章代码：

还可以适当增减，sidebar_h.php模版调用的内容。

比如：你在小工具1中调用显示了日历小工具，不准备显示在首页，那就删除：

不显示分类目录模块，就删除：

以此类推，其它模块也可以增减或调整位置，具体各模块所调用的内容请参阅：

热点新闻2.4版主题模版文件说明

同理，头部header.php、页脚footer.php、分类archive.php、正文single.php模版，也可以如此改造，HotNews Pro 2.4版部分页面模版已调用不同的header.php及footer.php。

当然还可以通过添加判断函数实现：

不过个人更喜欢用上面的方法

这里我以自己制作的免费主题Js O4w 为例简单说一下。首先我会建立一个新的文件并命名为banner.php，名字大家随便就可以了，把它放到主题的目录中去。而我放置的路径为 inc/banner.php。文件的代码简单如下：

其中，

这一句的路径是默认主题的图片路径。

而

上面的两句是确认主题头部中使用图片的长度和宽度值，这个根据主题的不同而不同。设定这个数值一来是为了让图片符合主题的显示效果，另一个是用来在更换图标时候，对较大图片进行裁剪功能时候的尺寸限制。

接着的两句

这里需要说明一下，在我使用的主题中，图片上是没有网站标题和描述显示的，所以我是需要这样的写。如果，在你的主题中，网站标题和描述是在图标内显示的，而你又需要在后台为其添加样式定义的话，可以改成如下：

其中的ffffff是表示默认显示字样的颜色值，根据主题设计不同而不同。

然后我们需要为WordPress自带的这个模块定义两个样式，分别是在后台选项中头部的显示样式

和主题前台中头部的显示样式

对于这两个样式的定义，大家在最文章开始的代码中能看到，当然也是需要根据主题不同而不同的了。对于我的情况，显示图标的区块定义是#banner 。另外，因为我们已经在这个文件中定义了主题前台的头部显示样式，我们就不再需要在传统的style.css文件中重复定义它了。

基本的设置代码就是如上，重点需要设置的还是上面提及到的两个样式而已，其它的都好理解。最后我们需要把这一个文件包括在主题的function.php文件中，在其内添加一句：

上面的路径什么的大家请根据自己的设置自行对上。这里补充要说的是，可能我这样多做一个文件有点多余，其实我们是可以直接把最初的一整段代码直接放入到主题的function.php文件中去的。但有一个情况，就是当你的function.php文件中已经有关于后台选项的代码存在了，那么为了避免不必要的出错修正，可以按我的方法加入，这样会方便点。

如上面的更改一切顺利，我们就能在后台的选项中看到自定义头部的选项了，因为这个模块是WordPress自带的，所以里面的翻译也是同步了。

点击上传按钮，选择自己喜欢的图片，如果图片尺寸大于我们的设定值，我们也可以直接对上传的图片进行裁剪，很方便的。如图，

指定裁剪位置后，点击“裁切头部”，OK, ALL DONE。（另外，当指定新图片后，后台是会多出一个恢复到默认图片的选项，我这里就不多说了。）

P.S. 目前这个功能在Js O4w的最新版1.1.5中已经内置，使用该主题的朋友直接在后台点升级则可。这样的话，大家想更换一下那个圈圈图片的话现在可以了，就象下图一样。希望这个功能能方便地让大家把主题弄得个性一点，尽管我一直觉得那个圈圈图案很好看，呵呵。

原文：WordPress主题中头部图片自定义功能的实现

首先下载Superfish v1.4.8.js：

上传到HotNews pro主题js目录中。

分别打开：header.php、header_a.php、header_b.php、header_h.php模版文件，在：

下面加入：

然后，找到并删除：

注：共有两处，如果不删除在IE6下会有BUG。

最后，在style.css中加入：

注：如果不加入这句会在有二级菜单项目名称后面显示“»”。

完成，具体效果看我的导航菜单。

如果，你使用的不是HotNews pro 2.4版主题，并且主题已加载jquery.js，可参考上面的方法.

只需打开：Superfish v1.4.8.js，修改最后的“#topnav ul”为你的导航菜单ID选择器即可，比如：默认WP主题Twenty Ten是：.menu-header ul。

这个特效同样离不开JQuery。

首先打开你所使用主题的header.php模板文件，在＜/head＞标签前添加：

如果你的主题已加载了JQuery，这步就免了。

再把下面这段代码同样加到＜/head＞标签前

其中"h2 a"是主题文章标题的标签选择器，可根据具体主题模板进行修改，如果改为：“a”,可实现全部链接都添加这一特效。后面的数字2011是这一特效的显示时间（毫秒），可酌情修改。

HotNews pro2.4版添加方法

HotNews pro2.4版加载了多个header.php文件，所以直接写到已加载的js文件中更方便一些，直接把下面代码加到custom.js文件的最后面：

上面的JS代码，有童鞋提出在Opera浏览器下有BUG,那就换成：

发现添加特效后，会影响一些多标签浏览器，在新标签中打开链接，当前标签会同时跳转到链接页面。

利用导航菜单“ filters”功能，可以使我们能够加入特定菜单项。

举一反三，经过挖掘研究，将以下三段代码，添加到主题 functions.php 文件中，会实现自动增加一个登录/注销链接、添加一个搜索框和一个返回首页的链接到你的WordPress3.0导航菜单。

一、新增一个登录/注销链接到您的导航菜单

说明:

First we add a function add_login_logout_link to the wp_nav_menu_items filter. Then, the ob_start, ob_get_contents and ob_end_clean (lines 4, 6 and 7) functions are “output Buffering” PHP functions that will “intercept” the information that would otherwise be sent to the browser. wp_loginout('index.php'); will add the logic and html code to login (if not logged in yet), or logout (if logged in). Since we don’t want to send that code to the browser yet, we “capture” the output (using ob_get_contents) in a variable ($searchform), and finally include that variable as a list item in the menu.
二、为导航菜单自动添加搜索框

创建自己的搜索模板
add_search_box是利用默认的searchform菜单栏。但是这可能不是理想的布局(也许它包含前文本"搜索:”与“搜索”键),那么你就应该创建一个模板文件searchform.php在你的主题模板目录,加入下面代码: 该 add_search_box 功能是利用默认的searchform模板。 但这未必是理想的布局（也许它包含前面的文本“搜索：”和一个“搜索”按钮），所以你可创建一个自己的searchform.php模板文件 ，放到在你的主题模板目录中，并添加以下代码：

或者，您可以添加表单样式以匹配您的导航风格，例如：

三、添加一个主页链接到您的导航菜单

只在特定的位置添加上述新增项目

新增项目默认将显示在所有自定义菜单中，这可能不是你所想要的，因此需要添加一个条件代码，让上述代码只执行在一个特定的菜单位置。

翻译水平有限，有不准确之处，请见谅，上述代码经测试全部有效。

要删除评论中的自动网址链接，只要打开你的functions.php文件并粘贴以下内容：

.htaccess是使用UNIX或Linux 搭建的服务器中的一个特殊的文件，这个文件只存在于Linux系统中，Win系列的主机是没有的。那 么.htaccess有什么功能呢？通俗点的讲，就是可以通过编写这个文件中的某些内容，进而实现.htaccess文件所在目录及其子目录的权限与功能 的设置，是自己的站点灵活多变，下面就介绍.htaccess文件关于WordPress的十个应用技巧，举一反三，这些应用技巧同样适用于其它站点程 序。

1. 重定向WordPress的RSS Feed链接地址到Feedburner地址：
除了修改WP的模板文件来定制其输出的RSS Feed链接地址外，还可以使用.htaccess文件来进行设置(替换yourrssfeedlink为自己的Feedburner地址)。

/*
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds2.feedburner.com/catswhocode [R=302,NC,L]
</IfModule>
*/

大家使用时别忘了把代码中的Feedburner地址替换为自己的
参考：How to redirect WordPress rss feeds to feedburner

2. 使用浏览器缓存：
可以修改.htaccess文件让访问者使用浏览器缓存来优化其访问速度。

/*FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch “\.(jpg|gif|png|css|js)$”>
ExpiresActive on
ExpiresDefault “access plus 1 year”
</filesmatch>
</ifmodule>*/

3. 去除WordPress分类链接中的”/category/”：
默认情况下，WordPress的分类链接显示的样式为：

http://e-spacy.com/blog/category/tech

其实其中的category部分没有任何意义，如果想去掉它可以修改.htaccess文件(替换yourblog为自己的网址)。

RewriteRule ^category/(.+)$ http://www.yourblog.com/$1 [R=301,L]

参考：How to remove category from your WordPress url

4. 阻止没有referrer来源链接的垃圾评论：
设置.htaccess文件可以阻止大多数无Refferrer来源的垃圾评论机器人Bot Spammer。其会查询访问你网站的来源链接，然后阻止其通过wp-comments-post.php来进行垃圾评论。

RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !.*yourblog.com.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]

参考： How to deny comment posting to no referrer requests

5. 重定向日期格式的WP Permalink链接地址为Postname格式：
如 果你目前的Permalink地址为/%year%/%monthnum%/%day%/%postname%/ 的格式，那么我强烈推荐你直接使用/%postname%/ ，这样对搜索引擎要舒服得多。首先你需要在WordPress的后台设置输出的Permalinks格式为/%postname%/ 。然后修改.htaccess文件来重定向旧的链接，不然别人以前收藏你的网址都会转成404哦！(替换yourdomain为自己的网址)

RedirectMatch 301 /([0-9]+)/([0-9]+)/([0-9]+)/(.*)$ http://www.yourdomain.com/$4

参考： Redirect day and name permalinks to postname

6. 压缩静态数据：
可以修改.htaccess文件来压缩需要访问的数据（传输后在访问端解压），从而可以减少访问流量和载入时间。

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

7. 阻止指定IP的访问：
如果你想要阻止指定IP的访问，来防止其垃圾评论，那么你可以创建自己的Backlist黑名单。(替换xx.xx.xx.xx为指定的IP地址)

<Limit GET POST>
order allow,deny
deny from xx.xx.xx.xx
allow from all
</Limit>

参考：The easiest way to ban a WordPress spammer

8. 只允许自己的IP访问wp-admin：
如果你不是团队合作Blog，最好设置只有自己能够访问WP的后台。前提是你的IP不是像我一样动态的哦。（替换xx.xx.xx.xx为自己的IP地址）

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName “Example Access Control”
AuthType Basic
<LIMIT GET>
order deny,allow
deny from all
allow from xx.xx.xx.xx
</LIMIT>

参考：Protecting the WordPress wp-admin folder

9. 设置你的WordPress防盗链：
盗链是指其它网站直接使用你自己网站内的资源，从而浪费网站的流量和带宽，比如图片，上传的音乐，电影等文件。（替换mysite为自己的网址和/images/notlink.jpg为自己定制的防盗链声明图片）

RewriteEngine On
#Replace ?mysite\.com/ with your blog url
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/nohotlink.jpg with your “don’t hotlink” image url
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

参考：How to protect your WordPress blog from hotlinking

10. 定制访问者跳转到维护页面：
当 你进行网站升级，模板修改调试等操作时，最好让访问者临时跳转到一个声明的维护页面(和404错误页面不同)，来通知网站暂时无法访问，而不是留下一片 空白或者什么http bad错误。（替换maintenance.html为自己定制的维护页面网址，替换123.123.123.123为自己目前的IP地址，不然你自己访 问也跳转哦）

RewriteEngine on
RewriteCond %{REQUEST_URI} !/maintenance.html$
RewriteCond %{REMOTE_ADDR} !^123\.123\.123\.123
RewriteRule $ /maintenance.html [R=302,L]/

参考：Comment faire une page d’accueil pour les internautes

英文原文: 10 awesome .htaccess hacks for WordPress

有时你会发现，当你用搜索引擎去到一个内容不存在的页面时，一个简单的错误页面总是让你失望，但一个漂亮却相反地让你想继续，并留下查看这个网站。这也许就是自定义404页面的重要性与必要性所在。然而，404错误页面的设置却在很多时候被忽视了。

你是否跟我一样呢？我认为博客设置一个404页面是非常必要的，特别是那些换过链接模式的Blogger。事实上设置并不困难，主要是经常被大家忽略了。在这里，让我从ASP和PHP两个方面来说说如何设置吧。还会主要介绍一下Wordpress的404页面的自定义。而如何找到所要的404页面并定义呢，主要有2种途径：

1、自建页面
现在一般的主机都有自定义404页面的功能，那么，你只要在主机后台管理那设置这个页面的显示内容就可以了；对于自建的页面，如何指向，这里就不多赘述了，你可以参考以下的两篇文章：

ASP的或以参考这篇文章： 如果自定义404错误页面
PHP的可以参考这篇文章： 如何为网站设置自定义404错误页面

2、博客自带
比如Wordpress的模板里面通常会有一个404.php或者允许你建立一个这样的页面，来显示不存在的内容；在这里，我以Wordpress为例，说明如何实现。

1）你可以在theme的目录下，找到404.php或者相关错误页面的filename.php这样的文件，把<?php if (have_posts()) : while (have_posts()) : the_post(); ?>和<?php endwhile; endif; ?>之间的内容代换成你要显示的内容；

2）如果没有这样的页面的话，你可以新建一个新的php文件，命名为404.php，然后把page.php的内容复制进这个文件里面，把 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>和<?php endwhile; endif; ?>之间的内容代换成你要显示的内容；

而具体需要什么样的内容，或者说怎样实现更实用或好看的效果，就要看你的创意如何了。如果你还没有什么头绪的话，可以参考一下我的404错误页面：http://www.happinesz.cn/404.php，相信你也会喜欢上这样的页面的。

然而，404页面也并不一定要在本页显示。虽然，上面介绍的方法都是在读者来到的页面显示，但你还可以设置其他的功能，来实现有效阅读。事实上，你可以选择当页面错误或无效的时候，让页面自动跳转到主页或分类的归档页面等。具体的方法在此：自定义404错误页面实现自动跳转，作者已经给出了完整的代码。

好吧，基本上就是这样，简单吧。那么，建一个即使错误也是精彩的页面吧，或许你的读者会因此而喜欢上你的博客呢。如果，你有更精彩的方法或更有效果的方式，希望你也能分享出来给大家，让大家来共同探讨。

div#wrapper [.hfeed]
#header
h1
div#blog-description
div#access
div.skip-link
sandbox_globalnav() [div#menu]
div#container
div#content
div#nav-above [.navigation]
div.nav-previous
div.nav-next
div#post-the_ID() [sandbox_post_class()]
h2.entry-title
div.entry-date
div.entry-content
div.entry-meta
span.author (.vcard)
span.cat-links
span.comments-link
div#nav-above [.navigation]
div.nav-previous
div.nav-next
div#primary [.sideabar]
ul.xoxo
li#pages
li#categories
li#archives
div#secondary [.sidebar]
ul.xoxo
li#search
li#rss-links
li#meta
div#footer
span#generator-link
span#theme-link
如果你也试着用sandbox来帮助你完成wordpress主题，那么，也欢迎你也交流。当然，或许会有更好的方法，或者方式，希望你也能跟大家分享一下。