Simple-Lines：纯CSS零插件构建，原生侧边栏嵌套评论，献给喜欢简单整洁风格的朋友们！

使用WordPress官网提交版的或者不咋想折腾的朋友，请移步：http://immmmm.com/wordpress-theme-simple-lines-live.html

申明：此主题以SimpleG为框架，重新设计布局，CSS完全重写，感谢SimpleG的作者：虫虾米

说明：此主题未对IE6进行过任何HACK！推荐使用Chrome/Firefox、1024×768分辨率、微软雅黑。

使用说明 FAQ：

Q0：请先修改 header.php 中的 description 和 keywords ！

Q1：为什么我安装后侧边栏里没有内容？

    请到“后台-外观-小工具”，直接从左侧拖拽至“侧边栏”即可；

    smpline01.jpg

>Q1.1：为什么我按照Q1的回答拖了小工具，而文章页的侧边栏还是空白？

    因为此主题单独给内页（即文章页）定义了一个侧边栏，请按照Q1回答的方法把小工具拖到“内页侧边栏”即可；

>Q1.2：你侧边栏中的“最新评论”、“近期热评”、“相关文章”等等，怎么实现的？

Q2：页首导航栏上的内容我到哪修改，要修改哪些内容，怎么修改？

    此主题使用了独立的导航文件，导航上的所有内容到menu.php文件中修改，其中代码有很多，主要有以下三类：

    <li<?php if ( is_category(6) ) { echo ' class="nav_hover"'; } ?>><a href="<?php bloginfo('url'); ?>/wordpress">折腾WP</a></li>
<li<?php if ( is_page(258) ) { echo ' class="nav_hover"'; } ?>><a href="<?php bloginfo('url'); ?>/about">关于此地</a></li>
<li class="rss"><a href="http://feed.immmmm.com">订阅本站</a></li>

    首先修改其中的固定链接和文字，这无需多说。另外，“折腾WP”是一个分类（category）、“关于此地”是一个页面（page），它们前面都有个数字，请修改成它们对应的文章ID。为什么要这样？请看文章：《添加“动态标识当前导航页”的判断语句》。

>Q2.1：为什么你的分类链接没有前缀“category”，直接就是网址+分类名？

Q3：怎么使用跟你一样的文章分页导航效果？

    fydh.jpg

    请下载插件： paginator.7z，上传激活，建议插件设置第一项填写15，然后用以下代码：

    <?php if(function_exists('wp_paginator')) { wp_paginator(); } ?>

    替换主题文件 index.php、archive.php、category.php 和 search.php 中的：

    <div class="navigation clearfix">
		<div class="alignleft"><?php previous_posts_link(__('上一页')) ?></div>
		<div class="alignright"><?php next_posts_link(__('下一页')) ?></div>
</div>

Q4：你在使用的“关于此地”和“友情链接”这两个页面是怎么做的？

    实际上这两个就是普通的页面（page），此主题已单独写了about.php（关于页面模板）和links.php（链接页面模板），使用时只需“后台-添加新页面”，在右侧属性选择 about 或者 links 即可；

    smpline02.jpg

>Q4.1：那我怎么修改“关于此地”和“友情链接”这两个页面中的内容？

    请直接修改about.php和links.php这两个文件，友情链接中自行修改链接的分类ID；

    <?php get_links(191, '<li>', '</li>', '', TRUE, 'name', FALSE); ?>

Q5：我的评论留言怎么没有嵌套回复的？

    请在“后台-设置-讨论”，“其他评论设置”中，勾选“允许嵌套”即可；

    smpline03.jpg

>Q5.1：为什么我的留言提交不是AJAX的？

    请下载文件： comments-ajax.7z，解压，把comments-ajax.js和comments-ajax.php上传至主题文件夹内。然后在 header.php 中找到：

    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

    修改为：

    <?php if ( is_singular() ){ ?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

    深入了解请前往：《WordPress 內置嵌套評論專用 Ajax comments》

>>Q5.1.1：回复留言会有邮件通知对方，这是怎么做到的？

Q6：评论框上面那行表情图标点击就会自动添加表情符号到评论框里去，这是怎么实现的？

    请下载文件： smiley.7z，解压，传至主题文件夹内，然后在 comments.php 中的 textarea 标签前加上:

    <?php include(TEMPLATEPATH . '/smiley.php'); ?>

    smpline04.jpg

    附4套表情图标：smile_01-04.7z

>Q6.1：评论框里面那个”既然来了，就留个脚印吧。”，怎么加上去？

    请下载图片： pinglun.png ，传至主题文件夹 images/ ，然后在主题的style.css文件中的#commentform textarea {}中添加

    background:url(images/pinglun.png) no-repeat scroll center center;

>Q6.2：文章里面的不同附件文件下载链接前有不同图标标识，这怎么实现的？

    smpline05.jpg

    请下载图标：fujian-icons，选择上传需要的图标至主题文件夹 images/ ，然后在主题的style.css文件中添加：

    a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/rar.gif) no-repeat left center;padding-left:19px;}
a[href$=".doc"]{background:url(images/word.gif) no-repeat left center;padding-left:19px;}
a[href$=".pdf"]{background:url(images/pdf.gif) no-repeat left center;padding-left:19px;}

    深入了解请前往：《为不同类型的附件添加个性图标》

Q7：为什么你不把那么多好的东东直接集成在发布的主题里呢？

    为什么，为什么呢？首先，我把这款主题定位的是：零插件纯CSS无图，超级无敌完全原生WordPress主题！而我又是个爱折腾的人，看到好东东都会不禁折腾折腾给此主题使上的，我认为折腾是一种乐趣，把自己喜欢的东西功能通过自己动手一样样的加到主题中来，这是一个非常非常让人享受的过程！

Q8：XXXXXXXXXXOOOOOOOOOOO

    就等你来提出宝贵的Q8了哦，会注上提出者哦~

[2009/10/18 修正] [2009/7/22 旧版]

2009/10/18：修正header.php编码为UTF-8，原为UTF-8+BOM，感谢coolrose同学发现这个小BUG；

侧边栏样式截图：
slcb1.jpg slcb2.jpg slcb3.jpg
slcb4.jpg slcb5.jpg slcb6.jpg