正如我时不时会做的那样，我 重新设计了我的个人网站 (重新设计笔记)。我想让网站成为更好的写作工具，所以网站的外壳在结构上对写作更加友好。当然它是 100% 的 WordPress。我确实违反了一条主要规则：设计是对之前网站的完全翻新，而不是演进的步骤。我只是觉得这次演进无法满足需求。而且，这是一个低流量的个人网站，不是主要的新闻门户网站或网络应用程序，所以“我的奶酪被谁偷走了？”现象不会那么强烈。
在典型的网页设计中，文章使用通用的模板。图像可能被放置在其中，但总的来说，每篇文章都遵循相同的结构。如果您熟悉 WordPress，那么可以想象一下 single.php 文件，它作为整个网站所有博客文章的模板。对于很多网站来说，这样没什么问题。这个网站很大程度上也是如此。
当然，你们都知道 Jason Santa Maria 和 他的网站。Jason 的想法是，网页设计不必像这样（即使是 CMS 驱动的网站）。他说，网页设计可以从平面设计中学习很多东西，例如在该媒体（例如杂志）中发布内容的用心和技巧。杂志中的文章可能具有相似的特征，但每一篇文章也都会有适合其内容的设计选择。可能是大型图形、文字环绕图像、多列、不同的颜色和标题样式，可以是任何东西。
这个想法逐渐被称为“网页上的艺术指导”。Jason 是一个很好的例子，但也可以看看 Dustin Curtis。这不仅仅是一个时尚，它仅仅是好的、永恒的设计。我要尝试在我的新博客中加入它。我写的所有东西都不会完全改变，有些可能完全不会改变。我喜欢我的基本模板，它可以很好地容纳快速写作。但是，当我有时间和倾向时，这个新网站将是一个围绕它构建的有趣基础。
以下是我最近玩了一些的几篇文章。
末日电影列表
Grooveshark 在 iPhone 上
Simutronics 的 10 年
那么它是如何完成的呢？
好吧，如果您没有使用 CMS，这很简单，只需进行设计即可。如果您使用 CMS，则已经有一个模板，这意味着您需要“对抗”现有的 CSS。我使用的是 WordPress，我认为在该平台上实现它的最简单方法是使用 艺术指导插件。
此插件在文章编辑器中添加了一个框，其中有两个字段。一个用于在文章出现的任何页面上插入的代码，另一个用于仅在以单页形式查看页面时插入的代码。
将该代码放入正确的框中后，该代码现在将在页面加载时插入页面的 <head> 中。
因为这发生在 CSS 文件之后，所以相同的选择器会被覆盖。无需使用 fancy !important。需要注意的是，这些框中放入的任何内容都会被插入。它不必是 <style> 块。它可以是外部 CSS 文件的链接（如果您的操作变得复杂，建议使用它）。它也可以是 JavaScript。
我刚刚开始掌握它。上面提到的例子都不是什么疯狂的重大改造，但我认为已经做出了足够的改变，使它们中的每一个都变得有趣，并且更好地服务于内容。我未来的计划是制作一组 CSS 文件，我可以根据需要用它们作为文章修改的基础。例如，一个“white.css”，我可以加载它来用浅色背景替换网站的深色背景。这将包括更改背景颜色，但也需要翻转许多不同文本的颜色，使其成为深色背景上的浅色文字，以及像我上面的姓名/徽标之类的东西。然后，如果我有一篇文章，它更适合使用白色背景（例如，因为图像的原因），我会复制该样式表并用它作为修改的基础。很有趣！
哦，还有，万圣节快乐！
很棒的重新设计！我喜欢为某些页面创建不同设计的想法 =)
这是一个有趣的内容和设计思维方式。我希望我有时间去做，但我从没做过。我尝试在 WordPress 中根据类别使用不同的模板。干得好
看看每个新设计……你喜欢橙色，对吧？
每当我听到“橙色”这个词，我就会忍不住想起“K.I.T.T.”的一个笑话。
– “霹雳游侠：黑夜死亡 (#3.8)” (1984) { imdb.com/character/ch0023895/quotes }
你听说过橙汁厂的那个人吗？
没有。
他被解雇了。
为什么？
无法集中精力。
关于橙子的所有讨论……
你们在剥皮吗？
干得好，好主意！
谢谢。我一直想知道你是否必须坚持使用相同的 single.php 样式。现在我知道它可以改变。非常有用。
干得好！看起来非常不同，你也要改变 favicon 吗？我最近也重新设计了我的个人作品集网站，这花了许多功夫。我更喜欢“演进式设计”，但有时你必须深入挖掘并彻底拆除它！
干得好，Chris！你打算更新 favicon 吗？我最近也重新设计了我的个人作品集网站，尽管我更喜欢“演进式设计”。
这似乎要花费很多工作……你是否基本上为每篇文章创建了一个新的样式表？除了网站框架之外？
我真的很喜欢新的设计，除了主页.. 我很抱歉，lol，但我认为我不喜欢右侧内容上的黑色透明框。当然，这只是我个人的意见！其他一切都很棒：]
我真的很好奇你是如何实现背景的石材效果？我之前尝试过很多方法，但从未实现过像你这样的效果，它非常完美！
我个人最喜欢作品集页面的布局，我真的很喜欢你的设计方式。
很棒的重新设计。那个插件看起来也很有用。我一直想知道用WordPress实现这个的简单方法。
酷！展现个性和态度！;)
让我想起了重金属或摇滚乐队的网站
哇，一个出色的插件就能实现这个。我真的很希望这能成为一篇博文，虽然我认为它最终会在DiW上出现，因为我非常肯定它与WordPress中的自定义字段有很大关系。（有点像带有HTML主题的帖子标题）
这太棒了。
感谢分享。
非常酷！很棒的设计！
你的Starker朋友的网站有一篇2009年7月的帖子，介绍了如何使用多个singlephp文件，使用php if语句。
你可以通过解析single php结尾的数字并在single css结尾添加这些数字来自动化php代码，以选择single**999**.css，用于single**999**.php。
你可以通过检查编号的css文件是否存在来回退到默认css
bool file_exists，或者依赖于css优先级和继承级别。只是个想法
很高兴看到有多种方法可以实现这一点，而且新网站看起来很棒。
除非你使用的是“MODx”。
哈哈…我想写 exactly the same，这句话现在在我的剪贴板中已经没有用了 =)…但是很高兴看到 MODx 社区在不断壮大！
真的很喜欢 Dustin Curtis 的风格。真的很鼓舞人心。你做的工作也很出色。
干得好。我很喜欢。
你一直是我的灵感来源。
不是我的风格，但还不错。
非常棒的文章
看起来很棒，我必须去看看那个插件——我一直在使用
id="post_"在循环之外调用每个帖子的唯一id，然后更新我的CSS文件…虽然很干净，但这越来越烦人，感谢你的提示！
嗯…这里没有显示代码，让我们尝试一下特殊字符…
id="post_<?php echo $post_id; ?>"哦，还有，在页面顶部加上这个
<?php
global $wp_query;
$post_id = $wp_query->post->ID;
?>
与css-tricks网站相比，真的很缺乏。抱歉！
我简直不敢相信像我这样的业余人士会告诉你这个，但是你测试过新设计在IE6中的效果吗？我正在使用IETester，发现有很多问题。例如
– 顶部导航按钮无法点击。
– “探索”、“投票”、“常见问题”等选项卡不可见。
– 头像没有按照css中的设置，绝对定位在11px，9px处；而是与评论文本重叠。
我认为IETester出了问题？！它不可靠吗？
无论如何，我从你的课程中获益良多。继续努力。谢谢。
说实话，我几乎不测试IE 6——我认为这与经验无关，他可能现在不在乎;)
我同意Geoing，无法与css-tricks相比。
很棒的设计，Chris！我认为能够调整特定帖子的布局具有很大的潜力。继续努力。我最近也听说即将推出一种新的开放字体格式：WOOF，它似乎也会帮助我们所有人。
这个插件效果很好，而且确实可以完成工作，但是有一个奇怪的错误，它将侧边栏包裹到内容中，并在索引页面上显示…你可以在这里看到这些帖子：http://popupon.com/2009/11/awesome-redesigns/ 和这里：http://popupon.com/2009/11/2009-web-design-tribute/ 你有什么想法吗？