我一直以为，Wordpress模板我们可以找到很多，但是实际上那些模板，在某些方面来说，一点意义也没有，有时候甚至可以说是垃圾，因为有很多基本的问题并没有得到解决，他们只是专注于首页看起来的效果，而在很多细节方面，却很容易出问题。

这回，请让我们来对Wordpress模板中，对日志中图片的处理作一个思考吧！

相信大家都有这种印象，就是在那些主题站我们看到很多很好看的Wordpress主题，一般都会有预览的网址，我们打开那些主题的Live Demo看时，总是很漂亮的，可是，当我们把这些主题用到自己的博客以后，会发现某些细节很难看，比如说其中的一个问题，是对日志中图片的处理。

一个例子，有些主题我们用在博客上时，我们只会注意到首页可能很好看，但是有些访客却会发现，你的有些日志用了宽度比较大的图片，可能你的单篇日志页面（single.php)设置的日志宽度跟首页一样，是670px，而你的图片却是680px，这个时候，图片就会把日志模块撑爆，最难看的效果是，你苦心设计的侧边栏，这个时候就被挤到下面去了，这对于一个设计得很漂亮的博客，真是难看死了，那真是让人难以忍受！

除此以外，在Wordpress中，对于一些代码或者很长的网址的断行，就一直存在着很大的问题，不管是遇到其中的哪种情况，再好看的主题，也会变得超难看。所以，如果你是一个Wordpress主题的设计者，你是不是在让主题[看上去很美]的情况下，还要考虑一下这些会让美观效果大打折扣的问题呢？

很可惜的是，Wordpress默认的那个主题，对于日志模块似乎就没有做任何处理，如果有些不懂代码的人直接用了这个主题就进行他的写作，当他发布的日志里含有大宽度图片时，他会发现打开那篇日志时的效果真是糟透了！这个时候他会说，我的天，用Wordpress写博客那么难看！

我想，是不是能对日志模块加一个类似

overflow: hidden;

这样的处理？我看到很多主题的Sidebar.php部份都做了这样的处理的呀为什么日志部份很多都没有的？

或者，另一个思路是，能不能单篇日志页面（single.php)的日志宽度和首页日志宽度是不一样的？

像Sofish做过一个主题，是首页显示三侧栏，而在单篇日志页面，则其中一个侧栏隐藏了，也就是单篇日志页面是两侧栏的，这个时候日志的宽度就很首页是不一样的。这种做法，值得提倡的，但我以为还是不能从根本解决问题的，因为日志的宽度，总是已经设定好的有限的宽度，总会有图片超过他的固定宽度。

那么，Sofish还说过：

如果用is_home来判断,那就,可以用不同的容器,比如
home的是body class=”abc”
非home的是body class=”"123″
这样,我们就可以用CSS的优先性来决定这个页面的CSS样式了…而无需要改变别的…

看看他现在的博客源代码，有这么一段：

<!–[if IE]>
<style type=”text/css”>@import url(’http://www.happinesz.cn/wp-content/themes/green_house_cn/ie.css’);</style>
<![endif]–>

这一段，就是如果(if)你的浏览器是IE，你打开他的博客时就会引用ie.css这个样式表，而不是默认的style.css，也许我们可以用这样的方式，首页和日志页就可以使用不同的样式表去作不同的处理了。

那么，我们是不是可以，使用这种方式，在主题里写进类似下面这样的代码？比如：

<?php if ( is_single() ) { ?>
<style type=”text/css”>@import url(’http://poshi.org/wp-content/themes/green_house_cn/home.css’);</style>

<?php } ?>

上面的代码，大概就是，你可以为你的单篇日志页面专门写一个样式表，至少，在日志模块部份那里，加入这句代码：

overflow: hidden;

你为单篇日志页面写的CSS样式表，还可以把侧边栏的宽度减少而日志宽度加大，就是这样吧。

大家可以看一下Live Spaces，也是加了overflow: hidden这个属性的，效果请看这篇测试，而在博客大巴里的效果，当你刚打开页面，会看到大图片先是挤出来的，等CSS样式表已经加载完之后，图片宽度多出来的部份自然就[hidden]了！

我自己的模板想这样处理：

单篇日志页面（single.php)的内容就直接重新写，跟其他页面都不要一样，当然就是header呀，sidebar呀都不要用导入的，就直接写进去，这样就可以直接在header里导入你专门为single写的样式表了。

以上的内容，只是我对于WP模板的设计中，基于那些不懂代码的用户而作出的一些考虑，在实际应用中不一定是最好的解决办法，但我希望是为其他设计者们提供一些不一样的思路，或者说，是希望各位以后在设计的过程中可以多换换思路去设计！

顺便问一下，似乎在WP模板中的宽度方面，都是用绝对宽度（比如content是670px而sidebar是200px），而不是用相对宽度（比如content是70%而sidebar可能是28%）？

17fav 收藏本文

其他文章