WP的友情链接制作.docx

一、新建页面用函数调用友链新建一个页面模板，打开所用主题的 page.php 文件，在文件最顶端加上以下声明代码：再找到如下代码： 修改为：?php wp_list_bookmarks(categorize=1&category=XX,YY,ZZ&category_orderby=id&before=&after=&show_images=0&show_description=1&orderby=name&title_before=&title_after=); ?参数解释：categorize=1 显示所有 Blogroll 的分类；category=XX,YY,ZZ 指定显示 ID 为 XX YY ZZ 的 Blogroll 分类，如果您的 Blogroll 没有一个总的大分类话，这个参数可以去掉，因为上一个参数已经指定了显示所有分类；category_orderby=id 分类按照 ID 号进行排列，假如 XXZZYY 那么最终显示的顺序就是：XX 分类下的链接、ZZ 分类下的链接、YY 分类下的链接；before 和 after 每个连接前后都用 li 标签套起来；show_images=0 不显示链接的图片；show_description=1 显示连接的描述；orderby=name Blogroll 的链接根据其名称排序；title_before 和 title_after 分类标题前后用 h3 标签套起来（这个因站而异）。修改好代码之后将该文件另存为一个 php 文件，比如：link_temp.php，将其上传到主题文件夹的目录下。最后新建一个页面，并在右侧的页面模块中选择刚刚新建的“Links Page Template PAGE”。用wp_list_bookmarks()函数调用友链的方法转载自/archives/2008/03/28/easily-create-a-link-page.html二、给友链加 CSS 美化在 style.css 中加入以下CSS，当然也可以根据个人喜好自己DIY。/*-Links Page-*/#mainlink clear: both; margin: 0 40px; width: 900px; /* Prevents IE6 miscalculation */ background: #fff; .linkpage ul padding: 5px 6px;list-style-type: none;overflow:auto* html .linkpage ul height:1%;.linkpage ul li color: #333;margin-bottom: 5px;font-size: 12px;.linkpage ul li ul li float: left;width: 141px;text-align: center;margin: 3px 3px;line-height: 180%;background-color: #FFFFFF;border: 1px solid #dadada;.linkpage ul li ul li a color: gray;display: block;.linkpage ul li ul li a:hover background-color: gray;color: #FFFFFF;font-weight:bold;.linkpost display:inline;float:left;margin:0 20px;padding:0 5px;width:920px;#linkcontent margin-top:8px;width:970px;float:left;写了一大堆，看似复杂，实则简单，因为我已经给出了需要的代码，剩下的事情只需要复制粘贴即可，赶快试试吧。我想大多数用Wordpress的站长都用别人设计好的通用主题模板，很少一部分既有才又有空的牛人才会定制属于自己的个性化主题。通用主题最大的优势当然就是通用啦，谁套用都行，这也就是通用主题的最大缺点，没有个性化。我现在用的是zEUS设计的主题，很漂亮，但是物以稀为贵嘛，用的人多了就没意思。我虽没才，但很有空，所以在保留原主题版权的前提下我对该主题小小的DIY了一下。本篇简单介绍下对评论框的DIY。你是否已经看厌倦了光秃秃白板一块的留言评论框呢？可以说这是通用模板的通病，所以我给评论框加了一个Logo的背景，效果可以看我的留言框。方法很简单，只要给评论框的CSS加个background属性就行了，效果却很明显。例如，我的评论框CSS：#commentform textarea font:120% Arial, Helvetica, sans-serif;width:97%;height:140px;border:solid 1px #ccc;background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;overflow:hidden;padding:2px 5px;其中，以下一行代码就是评论框背景的关键所在：background:#F6F6F6