制作CMS型主题的实用代码

最近为了制作江阴印刷网的风格,找到了wordpress的一些实用的代码,分享下吧。

先看截图和演示:

首页是网站的favicon图标,用下面一句话,可以把favicon在风格里实现。

1
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('stylesheet_directory'); ?/>/images/favicon.ico" />

无插件调用最新文章的例表(20代表要调用的文章数)

1
<?php wp_get_archives('type=postbypost&limit=20'); ?>

继续阅读

WordPress内置模板条件判断函数

1
<?php if ( is_home() ) { ?>//判断是否首页<?php } ?>
1
<?php if ( is_single() ) { ?>//判断是否文章页<?php } ?>
1
<?php if ( is_single('17') ) { ?>//判断是否ID为17的文章页<?php } ?>
1
<?php if ( is_single('Beef Stew') ) { ?>//判断标题是否为 Beef Stew 的文章页<?php } ?>
1
<?php if ( comments_open() ) { ?>//当前页是否允许回复<?php } ?>
1
<?php if ( pings_open() ) { ?>//是否开启 ping<?php } ?>
1
<?php if ( is_page() ) { ?>//是否是一个页面<?php } ?>
1
<?php if ( is_category() ) { ?>//判断是否为分类页面<?php } ?>
1
<?php if ( is_tag() ) { ?>//是否TAG页面;可以用 is_tag('tagname') 判断具体的TAG<?php } ?>
1
<?php if ( is_author() ) { ?>//是否某个用户的文章;可以加入用户ID,或用户名作为参数<?php } ?>
1
<?php if ( is_archive() ) { ?>//判断是否存档<?php } ?>
1
<?php if ( is_search() ) { ?>//判断是否搜索<?php } ?>
1
<?php if ( is_404() ) { ?>//判断是否404页面<?php } ?>
1
<?php if ( is_paged() ) { ?>//判断是否翻页<?php } ?>

例如,一个只需要在首页显示的可以用一下语句解决:

1
2
3
<?php if(is_home() && !is_paged()){?>
...
<?php }?>

一个不在首页显示的,例如“最近发表文章”的插件可以加一个

1
2
3
<?php if(!is_home()){?>
 ...
<?php }?>//避免首页内容和插件内容重复。

收藏自零号相册

关于themes必须了解的10+件事

1.主循环
如果你并不熟悉“主循环”,就没有必要试图玩转wordpress themes了。主循环的结构很简单,但确实至关重要的。通常主循环都有以下的起始:

1
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?><?php endwhile; endif; ?>

主循环实质上是通过wordpress函数查询数据库,看数据库中是否有文章。如果有且当你查询了,就可以在主循环起始语句之间插入一些模板标签 (template tags)来显示文章的内容了。具体的细节不便在此讨论,但主循环确实是一个很重要的事情,你必须理解它。更多的内容请查看wordpress codex关于主循环的介绍,或者查看Denis的《全局变量和 WordPress 主循环》一文。

2.页面
wordpress实现生成包含静态内容的静态页面的功能可谓帮了我们一个大忙,利用这个功能可以方便的建立“关于”、“联系”等页面。“页面”是 可供使用的强大的工具,而你必须了解怎样展示页面、怎样调用页面,怎样为页面定义样式等。当使用wordpress作为CMS时,“页面”同样是一个很强 大的工具。

3.子页面
同样很重要。wordpress允许建立一些具有层次结构的页面,可以设定一个页面为另一个页面的“子页面”或是“父页面”。层次化页面的重要性可以在CMS中体现出来,同样可以帮助你更好的组织页面,展示页面。

继续阅读

新模板《 羽落凡尘》

模版信息:

A、模版名称:羽落凡尘(沿用原作者的名字)
B、模版适用 X-Space 2.0.1
C、模版适用的分辨率:800*600或者以上
D、适用的浏览器环境:IE6,Firefox,IE7的没测试过,没有装ie7,有的朋友可以帮忙测试一下噢。
E、如果各位在使用的过程中还有什么问题可以直接给我留言呀。

演示图片
xspace.jpg

下载
angel.txt

第一次做X-SPACE模板,问题可能比较多。

X-SPACE模板不知道在哪加原作者版权。

V2EX4WP风格,提供分流!

v2ex.jpg

V2Ex4WP主题是参照V2EX.com网站的主题制作,喜欢的朋友请随意下载使用.

压缩包中包括了theme文件夹和插件文件夹,请使用压缩包中的插件,不然可能会出现问题.

大家使用时可能会出现的问题:

1. 页面变形的问题: 如果你的blog内的文章少于3-5篇时,页面显示会变形,你多发几篇文章,把页面撑长点就正常了~

2. Pagebar的CSS问题: 最好用我压缩包里的插件Pagebar…

3. 请在WP后台设置选项中把回复需要e-mail地址的选项关闭.(建议同时启用akismet)

4. 在发表文章时,要想给文章内的图片加FF下加相框修饰: 在 img 中加:class=”post-content” ……(FF浏览时看到的是圆角相框,效果同上面的图片)

5. 该theme是在FF下调试完成的,所以大家使用IE浏览时可能会出现些小问题,在以后会修补…..

6. 请吧每页文章显示篇数设置到5,或者更改index.php文件中的” 5 PER PAGE”数量.

下载 :v2ex4wp.zip

作者地址下载(已失效)

新地址:http://pintuo.cn/

3个小工具

1.CSS Creator
这个小工具可以为您可视化的制作theme的框架结构,包括doctype、外形(满屏,居中,靠左)、最小宽度、最大宽度、头部、左右栏、底部等的基本CSS定义。设置完毕以后点击Generate Layout便会生成HTML和CSS文件,右键另存为即可使用了。
总的来说,对于CSS初学者还是很有用的,因为初学者对一些margin、float可能搞不懂,使得左右栏这样的布局无法实现。这个小工具仅仅是各出一个基本的框架结构,生成的CSS文件还需要进一步的完善。比如说,你要加入你的配色。

2.kuler
布局完成以后,我们就需要考虑theme的色系了,凭空的想像是很难得,使用这个小工具可以为你节省冥思苦想的烦恼。而且网站还列出了一些优秀的配色方案,值得借鉴。需要注册。

3.Stripe Generator
有些时候,我们对一些区域,比如说背景,不仅仅需要一些颜色的装饰,可能会需要一些条纹?但PS等制图软件又不会,这时该怎么办?使用Stripe吧,通过Stripe可以更具自己的需要选择背景色,背景样式,条纹色,条纹的形状,条纹间距和宽度等,而且生成的条纹可以实现无缝连接,免去一些考虑是否无缝的苦恼。

转自www.wp-theme.cn