前几天换了这个博客主题：Okinawa Sky，下载地址点击这里。安装之后，觉得有很多地方用不上，比如广告位、thumbnail图片、幻灯片等等。就想自己修改一下。那么在不熟悉CSS和PHP的情况下，如何快速修改一款wordpress主题呢？
首先要知道修改什么地方，一个是style.css文件，负责表现形式，另一个是各种类型的PHP文件，负责表现的内容，如index.php(主页）, sidebar.php(侧边栏），single.php（单篇文章）。如果要去掉哪些内容，在相应的php文件里去掉相应的代码就行了。但这样把内容去掉了，在那位置还留有一个空白，这就是属于表现形式的东西了，是在style.css里定义的，所以也要去把相应的css代码注释掉。这一部分算是比较简单的了。只要有其他语言代码的经验，就能够粗粗看得懂CSS和PHP代码的，如最基本的，删代码的时候要完整地删，像<div>和</div>这样限定起止的代码要一起删。我的做法是，先把原文件备份，然后修改一个地方就放上去看效果，如果改错了就还原回去，再改其他地方。这种实验性的做法，比先去学各种教程可快多了吧？
另一个通常要修改的地方是字体的大小、颜色，边框的长宽高等。这些也是去style.css文件里修改，找准相应的地方，比如是blog entries下面的一些变量的font-size、color、width之类，修改它们的值就行了。我的做法是，找两个以上的主题对照着修改，比如我在修改A主题，我想它具有B主题的某一特点，我就到B主题里面把相应的代码copy到A主题里，移花接木。
最后分享两个实用的小技巧：
1.如何使文章分段后自动空一行？
在style.css里找到关于博客文章的那一段代码，可以搜关键词post或者blog entries/entry试试，然后加入以下代码：
.post p{margin: 0 0 20px 0;}
注意“.post”相当于一个变量，可能在不同的主题里有不同的命名，不变的是后面那部分：“p{margin: 0 0 20px 0;}”。我之前试过用“p{padding: 0 0 20px 0;}”，但发现这样会在每篇文章的第一段之后空两行，而在其他段落之后则空一行。
2.如何显示随机文章？
把这段代码加入到你想要显示随机文章的地方：
<ul>
<?php $posts = get_posts(’numberposts=10&orderby=rand’);
foreach($posts as $post) {
setup_postdata($post);
echo ‘<li><a href=”‘ . get_permalink() . ‘”>’ . get_the_title() . ‘</a></li>’;
}
$post = $posts[0];
?></ul>
get_posts()应该是wordpress里自定义的一个函数，numberposts=10是显示10篇文章，orderby=rand即为随机文章。
Related posts:
