所需工具:一个文本编辑器,当前WordPress主题的footer的PHP文件。注意:事先备份,以防万一首先决定你希望显示在footer里的内容,例如:页面分类RSS订阅链接订阅信息(RSS订阅或邮件订阅)主题设计者口号广告博客目标推荐资源连接图片致谢个人致辞日历或近期事件标签列表或标签云总之,你可以尽情发挥想象,在footer里加上自己喜欢的内容。其中有一些需要手动添加,另一些则涉及到WordPress模板标签的使用。还有一些则需要用到插件。首先,我们要删除WordPress主题footer文件中的“隐藏”代码,只保留文件的基本结构,类似默认主题的footer文件:
所需东西:一个文本编辑器,当时WordPress主题的footer的PHP文件。
留意:事前备份,以防万一
首要决议你期望显现在footer里的内容,例如:
- 页面
- 分类
- RSS订阅链接
- 订阅信息(RSS订阅或邮件订阅)
- 主题设计者
- 标语
- 广告
- 博客方针
- 引荐资源衔接
- 图片
- 称谢
- 个人致辞
- 日历或近期事情
- 标签列表或标签云
总归,你能够纵情发挥幻想,在footer里加上自己喜爱的内容。其中有一些需求手动增加,另一些则涉及到WordPress模板标签的运用。还有一些则需求用到插件。
首要,咱们要删去WordPress主题footer文件中的“躲藏”代码,只保存文件的根本结构,相似默许主题的footer文件:
<hr /> <div id="footer"> <p> Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a> <br /><a href="feed:<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a> and <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>. </p> </div> </div>
这时footer的显现结果是:
增加链接
接下来能够为footer增加一些新内容,并杰出显现订阅链接。
<hr /> <div id="footer"> <p> <a href="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"> <?php bloginfo('name'); ?></a> is dedicated to blogging about blogging.</p> <p>Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a> and designed by <a href="主题设计者链接" title="主题设计者">主题设计者</a></p> <p><a href="feed:<?php bloginfo('rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a> | <a href="feed:<?php bloginfo('comments_rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a> </p> </div> </div>
之后能够介绍一下博客所用的插件并向插件作者称谢:
<hr /> <div id="footer"> <p> <a href="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?><?php bloginfo('name'); ?></a> is dedicated to blogging about blogging.</p> <p>Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a> and designed by <a href="主题设计者链接" title="主题设计者">主题设计者</a></p> <p><a href="feed:<?php bloginfo('rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a> | <a href="feed:<?php bloginfo('comments_rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a></p> <p>特别感谢以下插件和插件作者<br /> <a href="http://chip.cuccio.us/projects/contact-form-ii/" title="Contact Form">Contact Form ][</a>, <a href="http://alexking.org/blog/2005/05/23/popularity-contest" title="Popularity Contest">Alex King's Popularity Contest WordPress Plugin</a>, <a href="http://www.arnebrachhold.de/2006/01/07/google-sitemap-generator-for-wordpress-3-beta"" title="Google Sitemap">Arne Brachnold's Google Sitemaps Generator</a>, <a href="http://dev.wp-plugins.org/wiki/SubscribeToComments" title="Subscribe to Comments">Subscribe to Comments</a>, 以及反垃圾插件: <a href="http://akismet.com/" title="Akismet">Akismet</a>, <a href="http://www.ioerror.us/software/bad-behavior/" title="Bad Behavior">Bad Behavior</a>, and <a href="http://unknowngenius.com/blog/wordpress/spam-karma/" title="Spam Karma 2 Comment Spam Fighting Tool">Spam Karma</a>. </p> </div> </div>
假如你用的是国人开发的插件,信任作者看到这些称谢的时分会十分欣喜。当然了,过多的文字也会让footer显得臃肿。所以详细还得看你自己的挑选。
增加页面和分类目录
wp_list_pages和wp_list_categories分别是用于主动生成WordPress页面和分类目录的模板标签。
<div id="footer"> <p> &a href="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?> "> <?php bloginfo('name'); ? </a> is dedicated to blogging about blogging.</p> <ul class="footerlinks"> <?php wp_list_pages('title_li='); ?> </ul> <ul class="footerlinks"> <?php wp_list_categories('title_li='); ?> </ul> Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a> and designed by <a href="主题设计者链接" title="主题设计者">主题设计者</a><br /> <a href="feed:<?php bloginfo('rss2_url'); ?>"> <img src="订阅图标链接" alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a> | <a href="feed:<?php bloginfo('comments_rss2_url'); ?>"> <img src="谈论订阅图标链接" alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a> </p> </div> </div>
这样你就能够在页面底部加上“关于”、“版权”、“网站地图”等信息了。
接下来是对款式的修正。
要让footer中的链接呈排而不是呈纵列显现,需求在款式表中加上:
.footerlinks ul {text-transform:uppercase; display: inline; list-style-type: none; list-style-image:none; margin:0; } .footerlinks li, .footerlinks li li, .footerlinks li li li { display: inline; padding: 0px 5px; }
之后能够在各部分之间留出空格并加上一个小小的分界线,最后用|分隔各个页面和分类目录:
.footerlinks a {text-decoration:none; padding: 0px 3px; border-right: 1px solid black;}
假如只期望显现若干页面/分类目录而不是悉数,能够对模板标签进行相应修正。
依据页面ID显现指定页面:
<ul class="footerlinks"> <?php wp_list_pages('include=2,5,6&title_li=' ); ?> </ul>
依据分类目录ID显现指定分类目录:
<ul class="footerlinks"> <?php wp_list_categories('orderby=name&include=2,14,19&title_li='); ?> </ul>
在footer里加上图形图片
在footer里加上静态图片或许旋转图片也是很简单的事。
假如需求在footer里增加静态图片,只需求把图片放到你期望显现的区域就能够了,然后经过CSS款式将图片置于文字的左边或右侧。
<div id="footer">
<p><img src="图片链接" alt="Picture of Fred Example" class="alignleft" />
<a href="<?php bloginfo('name'); ?>"
title="<?php bloginfo('name'); ?>"><?php
bloginfo('name'); ?></a> is dedicated to blogging about blogging.</p>
也能够使用WordPress的一些插件来生成随机图片。
在footer里加上名言警句
有想要和他人共享的语句吗?也能够放在footer里哦。
WP-Quotes插件能够帮你办理收集到的各种小语句,引证的话等。经过这款插件,你能够在footer里显现随机短句,这些语句能够是你喜爱的一些道理观点等,也能够是自己的某个主意。
把插件标签放在一个条件语句中,这样就不会由于禁用插件而导致主题犯错:
<hr />
<hr /> <div id="footer"> <p> <a href="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"> <?php bloginfo('name'); ?></a> is dedicated to blogging about blogging.</p> <p>Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a> and designed by <a href="主题设计者链接" title="主题设计者">主题设计者</a></p> <p><a href="feed:<?php bloginfo('rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a> | <a href="feed:<?php bloginfo('comments_rss2_url'); ?>"> <img src="http://example.com/images/feedicon.gif" alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a> </p> </div> </div>0
来历
WordPress啦编译
知优网 » 丰厚你的主题footer(丰富的主题)