主题说明：

因为仿着玩的，原博客没有开放评论，所以本主题评论可以用，但没评论样式。原博客侧边栏Follow us栏目下的订阅和微博链接，需要直接修改主题sidebar.php文件，主题支持小工具，没有独立主题后台。

插件设置

为和原博客一样，Social bookmarks插件有稍微修改过原文件，就是注释掉两行用不到又影响美观的内容，修改内容为注释插件目录下social_view_public.php文件的235、236两行。

wp-cumulus插件大小为210*200，背景设置透明。

主题下载：

从Google Code下载。

另：承接各种各样简单的wordpress主题仿制，价格优惠，持学生证、军人证半价，VIP卡优先。如果有主题psd文件也可以接受全新制作。

您可能也喜欢：
WordPress主题模板修改制作入门之模板函数篇	WordPress自用简洁主题分享	WordPress主题模板修改制作入门之文件结构篇	WordPress主题模板修改制作入门之DIV+CSS篇	仿wp论坛列表式wp主题分享
无觅

图片预览：

网站预览：LMS.im

图片看起来黑不溜休的，其实我本人不喜欢黑色系列的风格，可是不知道为什么弄着弄着就黑了。。。。

下载地址：http://code.google.com/p/happyet/downloads/list

您可能也喜欢：
WordPress自用简洁主题分享	百度英文wordpress博客beat主题分享	WordPress主题模板修改制作入门之文件结构篇	WordPress主题模板修改制作入门之模板函数篇	WordPress主题模板修改制作入门之DIV+CSS篇
无觅

今天分享的一款主题是我用的上一个wp主题，自己取名lms2.0。是在lms1.0的基础上改过来的，自认为代码比前一个好点，嘎嘎。因为有png背景图片，ie下效果不是很好。自己用的时候老觉得不对劲，可是图抓出来看还过的去，为了不浪费，就发出来有需要的可以满试试。

支持使用小工具dynamic_sidebar，建议插件：wp-postviews

下载到这里：lms2.0

您可能也喜欢：
WordPress主题模板修改制作入门之文件结构篇	仿wp论坛列表式wp主题分享	WordPress主题模板修改制作入门之DIV+CSS篇	新主题lms	WordPress主题模板修改制作入门之模板函数篇
无觅

在主题文件夹下的index.php文件里，找到如下代码（以默认的主题为例子）：

<?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>

替换成：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php 
	$permalink=get_permalink($ID);
	if(empty($post->post_password)){
	if (!(strtoupper(get_locale()) == 'ZH_CN')){
	echo '<p>';
	the_content_rss('', true, '', 55);
	echo '</p>';
	}else{
	$exp=mb_substr(strip_tags($post->post_content),0,300);
	echo '<p>'.$exp.' ......  ';
	}
	_e("</p><div class=\"morelink\"><a href=\"$permalink\" class=\"more\">阅读全文 ...</a></div>");
	}else{
	_e("<p>Protected post, Enter your password to view: ");
	_e("<a href=\"$permalink\">Click me to go and  enter the password &raquo;</a></p>");
	}
?>

可以通过修改上面代码$exp=mb_substr(strip_tags($post->post_content),0,300);后面的300数值的大小来控制首页需要输出的内容大小。另外，还可以通过css独立控制“阅读全文”的样式。

上面这个方法的缺陷在于，首页输出的摘要内容不包括里面链接和图片，对于除了文字外的内容会自动过滤（到首页看看我这篇日志的摘要，你就明白了。），只是纯文字内容。对于追求图文并茂的童鞋来说，相当的遗憾。另外，每次换主题，如果没有替换上面代码，则首页都是全文内容的输出。

不过图片的输出可以通过另外独立的php代码来实现，或者通过wordpress的自定义域来实现，只是自定义域的使用也是比较麻烦的就是了。

同时还有使用插件实现more标签功能的方法，如果你不介意在自己原有插件基础上再多加插件的话：

1、wp-kit-cn

wp-kit-cn是个不错的插件，最新评论输出，最新文章输出，N天内留言最多用户输出,本周或本月内留言最多用户输出，随机文章输出，评论最多的文章输出，最近回响输出，自动摘要算法，更加适合中文使用,wp-kit-cn官方下载地址。

使用时,要把the_content函数改为the_excerpt函数才能截断…

不过wp-kit-cn实现的效果和我上面提供的代码一样，不能显示图片。

2、wp-limit-posts-automatically

wp-limit-posts-automatically官方下载地址，这个插件支持摘要输出图片和视频等，不过遗憾的是据说对中文支持不大友好。不过你可以下载这个插件经过牛人修改后的版本wp-summary-automatically。

修改后的插件可以设置前几个段落为摘要,默认是前3段，不用修改the_content为the_excerpt了，如果没有设置不足设置的段落数，就不显示”阅读更多”链接词了。

3、通过function.php文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

function my_excerpts($content = false) {
        // If is the home page, an archive, or search results
        if(is_front_page() || is_archive() || is_search()) :
                global $post;
                $content = $post->post_excerpt;
 
        // If an excerpt is set in the Optional Excerpt box
                if($content) :
                        $content = apply_filters('the_excerpt', $content);
 
        // If no excerpt is set
                else :
                        $content = $post->post_content;
                        $excerpt_length = 55;
                        $words = explode(' ', $content, $excerpt_length + 1);
                        if(count($words) > $excerpt_length) :
                                array_pop($words);
                                array_push($words, '...');
                                $content = implode(' ', $words);
                        endif;
                        $content = '<p>' . $content . '</p>';
 
                endif;
        endif;
 
// Make sure to return the content
        return $content;
 
}
 
add_filter('the_content', 'my_excerpts');

您可能也喜欢：
WordPress more标签使用技巧	WordPress主题模板修改制作入门之文件结构篇	新主题lms	WordPress主题模板修改制作入门之模板函数篇	仿wp论坛列表式wp主题分享
无觅

预览：http://lamos.org.ru/

另外根据上面的主题我又弄了一款新的，也是dz的主题，清凉一夏

仿wp论坛主题下载地址：http://code.google.com/p/happyet/downloads/list

您可能也喜欢：
WordPress主题模板修改制作入门之模板函数篇	WordPress自用简洁主题分享	新主题lms	百度英文wordpress博客beat主题分享	WordPress主题模板修改制作入门之DIV+CSS篇
无觅

现在1.0终于升级2.0了，哈哈。

在升级完博客程序到2.8.6，禁用了自动保存等一些小修改后，上周末忍不住开始我的2.0工程了，今天就马上给博客换了衣裳，动作还算快吧。

2.0并不是在原有1.0的基础上修改的，而是直接以wordpress默认主题为基础，参考一老外的wp主题（主要是拿了它的图片素材，自己不会Photoshop的悲哀），然后按1.0的布局全新做的。

这次做的主题不再考虑ie6.0了，所以在ie6.0下sidebar会很不好看，而且在宽屏下两边有两道白色。另外新的主题sidebar完全是使用wp的小工具来实现的，没有自己加插件重新写sidebar了（以后可能会加）。

主题宽1004px，在1024*768下整个屏幕挤的满满的，不过在宽屏下效果就好多了。

现在的问题是：1、差一个好看的图片logo，2、在使用小工具下如何实现在非首页下不显示友情链接，3、文章页面时要不要sidebar。

您可能也喜欢：
WordPress主题模板修改制作入门之DIV+CSS篇	百度英文wordpress博客beat主题分享	WordPress主题模板修改制作入门之模板函数篇	WordPress自用简洁主题分享	WordPress主题模板修改制作入门之文件结构篇
无觅

我一直觉得利用wordpress来学习div和css是非常好的，原因有2，一是wordpress是纯div和css构架，二是wp的div不会很复杂（当然，你也可以把它搞的非常复杂，不过这些是牛人做的），但是涉及的css又非常完整，因为它本身就是一个独立的涉及各方面的但是不复杂的网站。

在开始说wp主题模板前，先简单说一下div和css，div也就是俗称容器，顾名思义，装网页内容的，完整格式是：<div>网页内容</div>，因为一个页面通常会涉及很多的容器，所以要给容器贴上标签以便容易区别和确认，有的标签可能在一个页面里是独立的，只能被用一次，或只用到一次，而有的标签在页面里会反复的被使用到。

对于这两种情况又加以区分：

第一种：独立的，只能用一次或只使用一次的标签，我们用ID来表示，格式是<div id=”标签名”>网页内容</div>

第二种：通用的，经常被用到的标签，用class来表示，格式是<div class=”标签名”>网页内容</div>

有一点需要说明的是，能用id的地方一定可以用class，用class的地方不一定就能用id，但是对于id的唯一性，最好是用id的地方还是用id的好。

以我目前的水平，所有涉及div的知识，我知道的就上面这两个了，div装着网页内容被放在一个页面上是至上而下排列的，如果你想按你的意思让各个div容器放在你想要的位置，就得用css来格式定义它，定义div的样式和位置是通过定义上面说的给div确定的标签来实现的。

在css（style.css文件）里对于ID和CLASS标签是通过#、.两个符号来认识的，ID对应的是“#”，CLASS对应的是“.”（英文输入状态下的句号）。具体格式如下：

网页页面上内容：<div id=”id”>id标签下div容器里的内容</div><div class=”class”>class标签下div容器里的内容</div>

css文件里的内容：#id {给id标签容器定义的样式1; 给id标签容器定义的样式2;}  .class{给class标签容器定义的样式1; 给class标签容器定义的样式2;}

总体上就是这样，现在结合wordpress模板来简单说一下，从第一篇我介绍的wp主题模板的文件结构中已经了解各文件是怎么组合的了，我们以组合后的首页为例来看看大多数wordpress是怎么设置div的：

<div id=”wrapper”>——这个是最大的容器，包含所有页面内容的，因为它是唯一的无论哪个页面都只用到一次，所以用id来定义它，当然你也可以用class。

<div id=”header”>这里是头部的内容，也是唯一的</div>

<div id=”content”>页面主要内容部分，也是唯一的</div>

<div id=”comment”>评论部分内容（不在首页），也是唯一的</div>

<div id=”sidebar”>侧边栏的容器，也是唯一的</div>

<div id=”footer”>底部的内容，也是唯一的</div>

</div>这里是收起最大的容器wrapper的，不能丢了。

我们再来看一下index.php里的div设置：(谷歌浏览器奔溃，吓我一跳，还好，这以上的内容都在。。。)

引用header文件

<div id=”content”>——这个容器含侧边栏，一般放在header.php最下面

<div id=”main”>——这个是内容容器

<div class=”title”>日志的题目，不唯一</div>

<div class=”postmeta”>题目下的日期等等之类的，不唯一</div>

<div class=”entry”>日志内容或日志摘要</div>

</div>收起main容器

引用侧边栏

</div>收起conten容器，一般在footer.php文件最上面

关于CSS的属性说多不多，说少也不少，不过足够让我们这样的初学者头晕脑涨的了，而且，各种各样的浏览器对一些属性的兼容性又有所不同，所以，如果你要自己弄wp的主题模板，除了要在本机上搭个php环境外，你还得装至少两个的浏览器，IE和firefox，当然，你也可以不鸟ie浏览器的用户。

下面是我自己捣鼓的几个wp皮，还有两个没弄完整。

1. 仿boblog主题mixice

2. WordPress仿boblog“谷子骚”

3. WordPress仿QQ校友风格

4. 本站目前在用的这个。。。

您可能也喜欢：
WordPress主题模板修改制作入门之模板函数篇	WordPress主题模板修改制作入门之文件结构篇	WordPress自用简洁主题分享	仿wp论坛列表式wp主题分享	百度英文wordpress博客beat主题分享
无觅

回头是岸！回头是岸！头很晕很晕。。。

很久很久以前还是一个人的时候就买了一个电压力锅了，如果没记错的话，这个电压力锅被我用来煮过一次胡萝卜玉米排骨汤，一两次八宝粥，一次螃蟹，很多很多时候它都是呆在纸箱里。

后来，又买了一台五谷豆浆机，豆浆机的使用次数稍微多些，到超市五谷杂粮各抓一把，周末早上就自己做豆浆吃了，有坚持过几星期，由于豆浆机容量稍微大了些，毕竟是一个人，吃起来又浪费又痛苦，最后也作罢了。

于是就再没动过它们了。

很久很久以后的某个周末，某人心血来潮拉着我直奔杨桥国美，买下了电磁炉，又到好又多添置了油盐酱醋，因为买电磁炉有送一个铁锅，所以当晚就摸黑研究到八九点才将晚饭搞定，从此步入独立“自煮”的生活。

上班的缘故，中午是没法自己做了，所以只能是早饭和晚饭了，早饭当然是吃稀饭了，晚饭又不知道吃什么，两个人都厨艺不精，所以还是决定吃稀饭，就这样，一天两顿稀饭的独立“自煮”着，两人曾经感慨的一句话是：什么时候才能吃上干饭啊！

虽然基本上天天吃稀饭，但是还是慢慢习惯了自己作饭吃。有的时候晚上下班太累了，到那些饭店去看了看，还是觉得就算是一碗稀饭一个煎蛋都比那些更让人有胃口，让人觉得心里塌实。

您可能也喜欢：
新主题lms	WordPress主题模板修改制作入门之模板函数篇	仿boblog主题mixice发布分享	WordPress主题模板修改制作入门之文件结构篇	WordPress主题模板修改制作入门之DIV+CSS篇
无觅

本主题模仿自boblog，未经原作者同意，如果原作者不同意的话，可以联系我删除，原boblog地址：http://www.mixice.cn

图片：

mixice

需要的插件：
wordpress-23-related-posts-plugin
wp-postviews
genki_announcement
random-posts-plugin
wp-pagenavi

下载地址：http://code.google.com/p/happyet/downloads/list

您可能也喜欢：
WordPress仿boblog“谷子骚”模板下载	WordPress自用简洁主题分享	新主题lms	仿wp论坛列表式wp主题分享	百度英文wordpress博客beat主题分享
无觅

所以我申请了一个，专门用来放自己模仿制作的wordpress主题模板，申请完后立马将以前做的那个仿QQ校友的风格修改优化了下传上去了,以后其他的也都会传到那上面去。

我的google code地址：http://code.google.com/p/happyet/

google提供的东西确实好用，速度非常快，不过今天看163新闻说很多google提供的服务国内都不能用了，唉，叹息一声啊。。。。

您可能也喜欢：
WordPress仿QQ校友风格提供下载	WordPress自用简洁主题分享	WordPress主题模板修改制作入门之文件结构篇	WordPress主题模板修改制作入门之模板函数篇	WordPress主题模板修改制作入门之DIV+CSS篇
无觅

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

1. 调用模板函数：
 
<?php the_tags(); ?> ; 调用文章标签 
<?php get_header(); ?> : 调用Header模板 
<?php get_sidebar(); ?> : 调用Sidebar模板 
<?php get_footer(); ?> : 调用Footer模板 
<?php the_content(); ?> : 显示内容(Post/Page) 
<?php if(have_posts()) : ?> : 检查是否存在Post/Page 
<?php while(have_posts()) : the_post(); ?> : 如果存在Post/Page则予以显示 
<?php endwhile; ?> : While 结束 
<?php endif; ?> : If 结束 
<?php the_time(’字符串’) ?> : 显示时间，时间格式由“字符串”参数决定，具体参考PHP手册 
<?php comments_popup_link(); ?> : 正文中的留言链接。如果使用 comments_popup_script() ，则留言会在新窗口中打开，反之，则在当前窗口打开 
<?php the_title(); ?> : 内容页(Post/Page)标题 
<?php the_permalink() ?> : 内容页(Post/Page) Url 
<?php the_category(’, ‘) ?> : 特定内容页(Post/Page)所属Category 
<?php the_author(); ?> : 作者 
<?php the_ID(); ?> : 特定内容页(Post/Page) ID 
<?php edit_post_link(); ?> : 如果用户已登录并具有权限，显示编辑链接 
<?php get_links_list(); ?> : 显示Blogroll中的链接 
<?php comments_template(); ?> : 调用留言/回复模板 
<?php wp_list_pages(); ?> : 显示Page列表 
<?php wp_list_categories(); ?> : 显示Categories列表 
<?php next_post_link(' %link '); ?> : 下一篇文章链接 
<?php previous_post_link('%link'); ?> : 上一篇文章链接 
<?php get_calendar(); ?> : 日历 
<?php wp_get_archives() ?> : 显示内容存档 
<?php posts_nav_link(); ?> : 导航，显示上一篇/下一篇文章链接 
<?php include(TEMPLATEPATH . '/文件名'); ?> : 嵌入其他文件，可为定制的模板或其他类型文件
 
2. 基本条件判断的函数
 
is_home() : 是否为主页 
is_single() : 是否为内容页(Post) 
is_page() : 是否为内容页(Page) 
is_category() : 是否为Category/Archive页 
is_tag() : 是否为Tag存档页 
is_date() : 是否为指定日期存档页 
is_year() : 是否为指定年份存档页 
is_month() : 是否为指定月份存档页 
is_day() : 是否为指定日存档页 
is_time() : 是否为指定时间存档页 
is_author() : 是否为指定作者存档页 
is_archive() : 是否为存档页 
is_search() : 是否为搜索结果页 
is_404() : 是否为 “HTTP 404: Not Found” 错误页 
is_paged() : 主页/Category/Archive页是否以多页显示 
 
上面这些函数的用法一般都为<?php  if ( is_home()  ) { ?>如果是home页，这里显示的内容<?php } ?>，这个用EditPlus打开默认模板里的archive.php文件，前面十几行都能找的到上面的函数。
 
3. Header部分常用到的函数
 
<?php bloginfo(’name’); ?> : 博客名称(Title) 
<?php bloginfo(’stylesheet_url’); ?> : CSS文件路径 
<?php bloginfo(’pingback_url’); ?> : PingBack Url 
<?php bloginfo(’template_url’); ?> : 模板文件路径 
<?php bloginfo(’version’); ?> : WordPress版本 
<?php bloginfo(’atom_url’); ?> : Atom Url 
<?php bloginfo(’rss2_url’); ?> : RSS 2.o Url 
<?php bloginfo(’url’); ?> : 博客 Url 
<?php bloginfo(’html_type’); ?> : 博客网页Html类型 
<?php bloginfo(’charset’); ?> : 博客网页编码 
<?php bloginfo(’description’); ?> : 博客描述 
<?php wp_title(); ?> : 特定内容页(Post/Page)的标题
 
4. 与模板相关的其他函数
 
<?php _e(’Message’); ?> : 输出相应信息 
<?php wp_register(); ?> : 显示注册链接 
<?php wp_loginout(); ?> : 显示登录/注销链接 
<!–next page–> : 将当前内容分页 
<!–more–> : 将当前内容截断，以不在主页/目录页显示全部内容 
<?php timer_stop(1); ?> : 网页加载时间(秒) 
<?php echo get_num_queries(); ?> : 网页加载查询量
 
5. 置顶判断函数
 
<?php if(is_sticky()) { ?>
……
<?php }else{ ?> 
……
<?php } ?>

更详细的信息请参考WordPress官方文档。
wordpress官方文档：http://codex.wordpress.org/Main_Page

下一篇，也是最后一篇，分享一下我对DIV和CSS的一点认识。

您可能也喜欢：
WordPress主题模板修改制作入门之DIV+CSS篇	WordPress主题模板修改制作入门之文件结构篇	百度英文wordpress博客beat主题分享	WordPress自用简洁主题分享	新主题lms
无觅

废话少说，言归正传。

WordPress安装结束后，在折腾Wordpress主题模板前，得先了解它涉及的文件和各文件所起的作用，WordPress的模板目录在：“程序安装的根目录\wp-content\themes\”下，以默认主题模板为例，模板文件就在“程序安装的根目录\wp-content\themes\default”default这个文件夹下了。对于像我这样的菜鸟，整个wordpress可捣鼓的也就是themes这个文件夹了。

一套完整的WordPress主题模板应至少具有如下文件：

style.css : CSS(样式表)文件，你的wp主题什么样子就是它决定的
index.php : 主页模板
archive.php : Archive、Category模板，默认存档、分类、标签类模板
404.php : Not Found 错误页模板
comments.php : 留言、回复、评论模板
footer.php : Footer模板，底部
header.php : Header模板 ，头部
sidebar.php : 侧边栏模板
page.php : 内容页(Page)模板，页面模板
single.php : 内容页(Post)模板，单篇日志模板
searchform.php : 搜索表单模板
search.php : 搜索结果模板
functions.php：自定义函数模板

 
来一张自己画的简单的图来说明一下平时最常见的首页和单篇日志页的文件结构：

就这么简单，一般修改wordpress主题模板，都会涉及到上面这些文件的修改，所以记住哪个文件涉及到哪个页面是很重要的，不然要实现个什么效果都不知道到哪里找。

就算是第一篇吧，下一篇我们说说Wordpress常用到的默认函数.

您可能也喜欢：
WordPress主题模板修改制作入门之DIV+CSS篇	WordPress主题模板修改制作入门之模板函数篇	WordPress自用简洁主题分享	新主题lms	百度英文wordpress博客beat主题分享
无觅