制作wordpress主题之教训与经验

在用wordpress打造门户网站的最后一段话，说了这篇文章说要“写关于做这个wordpress主题遇到的问题及经验”。

那么废话少讲，直奔高潮吧。

1、wordpress主题从何写起？

一个主题包括多个PHP文件，剩下可以有一到两个CSS，还有image文件夹，这是最基本的。

当然如果用到JS特效的，当然最好有一个JS文件夹了。

重点是这个CSS文件，但在写CSS文件之前，先决定好布局，所以index.php，single.php，page.php 之类的要先搞好。怎么搞得舒服，看技巧了。其实说到底，先想好一些class及ID，至于什么时候选择class，什么时候选择ID，没有什么大问题的，如果想与人分享，类名最好用比较科学的单词吧。

在修改index.php，single.php，page.php等文件时，懂得使用一些wordpress内置函数是很有必要的，想知道wordpress内置函数有哪些？可以到wordpress官网下载：WordPress Codex.pdf 及 WordPress Codex2.pdf （不加链接了）。

事实上，有很多现成的wordpress主题，有些主题的结构或者跟你想要的基本一样，那样就好办了。根据这个主题修改就行了，事半功倍。

当然了，要想与众不同，还是自己构思会比较好，虽然比较烦。

2、选择哪一种字体？

大家用过wordpress都知道一般的主题大多都是 "Times New Roman", Times,serif,arial,Sans-serif,helvetica 什么的，很明显这是外国语擅长用的。那么中文用什么比较好呢？实际上用上面给出的默认字体没什么问题。

但是，如果你想拉风，你可能会想起选择“微软雅黑”，是很拉风。但万一别人电脑没有这种字体呢？没问题，这样定义吧：

body {
    font: 13px "微软雅黑","宋体",arial,Sans-serif,helvetica;
}

大家没有“微软雅黑”，但一定会有“宋体”是吧。

但是，你可能遇到这样的问题：

 图有点小了，提示下：上面一张是"微软雅黑"，下面一张是"宋体"，同样的定义，很明显"微软雅黑"字体的字都下沉了不少。看出来了？

为什么呢？因为"微软雅黑"瘦小一点，相同的内补白使"微软雅黑"向下偏移了。

有没有解决办法？我不知道。更有可能是我自己CSS定义的问题。

不过，直接用宋体就解决所有问题了。中国人就应该用“宋体”，是吧。

3、选择哪种格式的图片？

事实证明了，纯CSS配色而没有图片的wordpress主题是很难美观的，为打造门户网站而写的，肯定要比较好看才行。

图片格式大家都知道png质量是最好的，但质量好另一方面就是size大。size是一个很严重的问题，特别到了有些月份流量比较大的时候，哼哼……

所以jpg或者是gif是不错的选择，质量会差点，都还是可以拿出来见人的。

4、本地测试毕竟是本地测试

用图说明：

第一张图是本地测试的效果，第二张是放在服务器里的显示结果。发现了吧，第二张图片说明了我定义的那个类没有CSS成功，那第一张图为什么就显示正常呢？

我找了很久，终于在single.php 发现：

<div class="postMeta">
              <span class="homelink"><a href="http://www.ipangpang.com" target="_blank">爱胖胖</a></span>
              <span class="date"> | <?php the_category(‘, ‘) ?>| <?php the_time(‘M jS, Y’) ?>  | <?php if(function_exists(‘the_views’)) {      the_views(); } ?><?php edit_post_link(‘编辑’, ‘ // ‘, ‘ // ‘); ?></span>
</div>

而在CSS里：

.postmeta {

color: #999999;

margin-bottom: 10px;

text-align: center;

}

没错，meta，一个大写，一个小写。事实上，大小写应该没有什么问题才对，但是，我是错的。大小写问题教训了我很多次。

5、资源推荐

45个Wordpress趣味主题

32个高质量wordpress主题免费下载

适合女性用的wordpress主题下载

6、要洗白白去，知道什么叫洗白白不？

所以，到此为止。

Tags: wordpress, 分享