五个简单实用的主题制作技巧


1、让段落文本两端对齐。特别是对中文博客而言,博客文章容易出现两边参差不齐的状况,多少会影响版面的整洁和阅读者的体验,大部分非中文的博客主题都没有这个设置。其实是很简单的两句代码,在index.php中找到:

  1. <?php the_content('阅读全文'); ?>

记下它的class,然后将这两句插入到stycle.css文件中的相应部分

  1. text-align:justify;
  2. text-justify:inter-ideograph;

要注意的是最好不要对侧边栏内容使用

2、让首篇文章显示全文,其他显示摘要。这个效果在有时还是很有用的,因为据说网站还有重复内容会受到搜索引擎的惩罚,所以为了达到这个目的最好的解决办法是首页显示摘要,而Rss输出全文(用户在聚合浏览器里面当然希望能看到全文),这个实现办法也不难,在index.php中找到:

  1. <?php while (have_posts()) : the_post(); ?>

在它前面插入:

  1. <?php $postcnt = 1; ?>

然后,再向下找到

  1. <?php the_content('阅读全文'); ?>

将它替换为

  1. <?php if ($postcnt == 1) : ?><?php the_content('阅读全文'); ?><?php else : ?><?php the_excerpt('阅读全文'); ?><?php endif; $postcnt++; ?>

这里引入了判断,如果是第一篇文章,则显示全文,否则显示摘要。

3、让英文和中文采用不同的字体。有时候也会有这样的需求吧,毕竟有些中文字体中的英文字体并不好看;而如果直接指定英文字体的话,那中文的显示则采用浏览器的默认字体,会影响显示效果,这个其实很简单,在style.css的内容中找到定义字体的部分,如:

  1. font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,sans-serif;

然后对其修改成以下的样式:

  1. font-family:Georgia,"微软雅黑","Microsoft YaHei",Sans-serif;

这里也有一个判断,在显示文字和符号时会首先使用首选字体,如果首选字体中不包含对应内容,则使用第二个字体来显示,以此类推,但最后一定要指定一个通用的字体序列。

*需要说明的是,这个方法对Firefox、IE8有效,但对IE6,IE7无效,对使用IE内核的Maxthon也无效(即使已经正确安装了IE8),无效的状况下直接使用系统默认字体进行显示。

4、简化管理面板为一个按钮。登陆前显示“登陆”,登陆后显示“进入管理”,系统默认的管理版面Widget中的多个条目显示其实在很大程度上可以进行如此简化,用到退出登录的时候很少,可以直接从后台退出,参考mg12在“Elegant Box”中的写法,这一段是这样的:

  1. <?php wp_register(); ?>

如果希望加入退出的按钮则再加上:

  1. <?php wp_loginout(); ?>

很简单也很实用,放到这里的目的是用到的时候就不用找了。

5、将侧边栏显示的内容分两列显示。两栏主题的侧边栏一般比较宽,这样可以照顾到比较长的部分,比如文章题目、评论等内容;但是这样一来,内容比较少的部分比如链接和分类,在显示上就有些不均衡,这时候就希望它们能够分两列显示。使用插件当然能够解决这个问题,比如有个叫wp-multicollinks的插件能够将链接分多列显示,但如果有代码的话,有些时候会有更多的选择吧,参考Xiaorsz的文章(这篇文章还说明了如何控制连接显示的个数),有以下一段css代码:

  1. #links li {
  2. background:transparent none repeat scroll 0 50%;
  3. float:left;
  4. padding-left:0;
  5. width:50%;
  6. }

这样的一段代码一看就明白了吧。

非原创技术文章,主要是为了方便自己查阅的时候方便些。

已有 4 条评论

  1. […] 对页面文章的显示做了修改,参考东鳞西爪的五个简单实用的主题制作技巧,实现了首页第一篇文章全文显示,其他则显示摘要功能。 […]

  2. 可惜我的是zblog啊

  3. @精华帖吧,谢谢您的关注,不过我这里暂时不收链接。

  4. 很喜欢这里,可以交换链接么?
    98tie.com飘过;p

我也说两句儿......