特性：

1. 拥有Hybrid主题所有的内在美
2. 两栏
3. 主页（Primary）、帖子页（Secondary）、归档页（Archive）、页面页（Page）有不同的侧边栏，括号里是边栏名字
4. 标签式页面菜单
5. 其他Hybrid主题框架所拥有的一些功能

版本：0.1beta

截图：

下载：点击这里

注意事项：

• 这是Hybrid的子主题，对应的Hybrid版本是0.5（不装Hybrid是无法使用的）
• 不要对这款主题的外在美有什么过多的期待，如你所见
• 0.1而且还beta，代表很多潜在不稳定性，未必好用
• 这款子主题的作者，不是专业的

作者笔记：

就像各位看到的那样，我非常喜欢Google Code的样式，我的站点换过数次主题，但是外观都定格在Google Code的样式上，最早的verygoogle，然后是yui-theme，然后是现在GoogleCode for Hybrid。外观基本雷同。不要嘲笑我，我对复杂的结构没有驾驭能力，只好选择简洁，设计非我所长。

这款主题的发布，我不指望有什么用户真正去用，如果有人真的要采用，希望你三思，因为我很忙，不会提供必要的支持。

我发布这款主题的真正目的，是为了有始有终，我前面发表了一系列的介绍Hybrid的文章。很遗憾，我也没说明白个啥，这是因为真的很难说明白。不过呢，我还是要完成我的计划，就是给大家展示一个实例教程。这款主题于是来到了你的面前。这款子主题的原身为Hybrid子主题Skeleton，那是一个没有任何样式和功能，只包含一个Hello World的子主题，其本来用意也就是为了成为子主题开发的基础。我通过简单的开发，寥寥数行的代码，做出了这个GoogleCode，里面的代码，包含了一些简要的注释，希望看代码的同学能够有个线索。

通过对Hybrid的使用，我发现，这款主题很好用，很容易二次开发，作为一个IT民工，使用Hybrid是非常愉快的，就像你使用任何其他的开源框架一样，这个主题框架同样可以极大地提高您的工作效率。但是，如果您只是一个普通的用户，您大概需要什么样的基础才有能力定制Hybrid呢，仅仅从我的观点，您需要基本的编程素养，您可能需要一点PHP的语法知识，要明白callback是怎么回事，能够查阅文档，然后，您可能需要对WordPress插件的基本工作原理有所了解，分得清楚什么是Action和Filter。在以上的基础上，您可能需要很多的实践才能游刃有余地定制Hybrid，开发子主题。

您可能也喜欢：

Hybrid 主题框架综述

WordPress Theme: YUI Theme—烂尾版

使用Hybrid框架的起点

免费WordPress主题

Hybrid 常用Action

无觅

Home页面流程图

1. hybrid_head()
2. wp_haed()
3. body
4. hybrid_before_html()—action，默认没有被hook
5. div#body-container
6. hybrid_before_header()—action，默认没有被hook
7. div#header-container
8. div#header
9. hybrid_header()
10. end#header
11. end#header-container
12. hybrid_after_header()
13. div#container
14. hybrid_before_container()—action，默认没有被hook
15. div#content
16. hybrid_before_content()
17. /*wp loop begin*/
18. div.hybrid_post_class()
19. h2.post-title inline
20. p.byline inline
21. div.entry-content inline
22. p.entry-meta inline
23. end.hybrid_post_class()
24. /*end wp loop*/
25. hybrid_after_content()
26. end#content
27. hybrid_after_container()
28. end#container
29. div#footer-container
30. hybrid_before_footer()
31. div#footer
32. hybrid_footer()
33. wp_footer()
34. end#footer
35. hybrid_after_footer()—action，默认没有被hook
36. end#footer-container
37. end#body-container
38. /body

hook到hybrid_head()的函数列表

1. hybrid_meta_content_type()
2. hybrid_meta_robots()
3. hybrid_meta_author()
4. hybrid_meta_copyright()
5. hybrid_meta_revised()
6. hybrid_meta_abstract()
7. hybrid_meta_description()
8. hybrid_meta_keywords()
9. hybrid_meta_template()
10. wp_generator()
11. hybrid_favicon()
12. hybrid_head_feeds()
13. hybrid_head_pingback()
14. hybrid_head_breadcrumb()

hook到hybrid_header()的函数列表

1. hybrid_site_title() —提供同名filter，参数为标题包括其html tag，没有被hook
2. hybrid_site_description() —提供同名filter，参数为站点描述，包括其html tag，没有被hook

hook到hybrid_after_header()的函数列表

1. hybrid_page_nav() —启动两个action，并提供一个同名filter，参数为导航条包括其html tag，没有被hook

hook到hybrid_before_content()的函数列表

1. hybrid_breadcrumb() —提供一个同名filter和一个名为hybrid_breadcrumb_args的filter
2. hybrid_get_utility_before_content() —该函数打印位于Content之前的Sidebar，在Hybrid中被赋予一个名称为Utility

hook到hybrid_after_content()的函数列表

1. hybrid_get_utility_after_content() —该函数打印位于Content之后的Sidebar
2. hybrid_navigation_links() —该函数打印WP自带的简单页面导航Prev和Next

hook到hybrid_after_container()的函数列表

1. hybrid_get_primary() —该函数首先提供一个filter，名为hybrid_primary_var，参数sidebar_id，如果传入false可以关闭侧边栏，该函数打印主侧边栏，并在此之前和之后分别触发一个action
2. hybrid_get_secondary() —原理基本上和上一个相同，提供的filter名字为hybrid_secondary_var
3. hybrid_insert() —提供一个同名filter，参数为要打印出来的内容，默认为false，这是专门给用户用来添加sidebar的hook

hook到hybrid_before_footer()的函数列表

1. hybrid_get_subsidiary() —其功能等同于侧边栏，同上面两个侧边栏

hook到hybrid_footer()的函数列表

1. hybrid_copyright() —打印版权信息，提供同名filter
2. hybrid_credit() —与上面一个类似，也提供同名filter
3. hybrid_query_counter() —打印页面生成时间和数据库查询数的函数

由hybrid_page_nav()触发的action

1. hybrid_before_page_nav() —action，默认没有被hook
2. hybrid_after_page_nav() —action，默认没有被hook

由hybrid_get_primary()和hybrid_get_secondary()和hybrid_get_subsidiary() 触发的action

1. hybrid_before_primary() —action，默认没有被hook
2. hybrid_after_primary() —action，默认没有被hook
3. hybrid_before_secondary() —action，默认没有被hook
4. hybrid_after_secondary() —action，默认没有被hook
5. hybrid_before_subsidiary() —action，默认没有被hook
6. hybrid_after_subsidiary() —action，默认没有被hook

您可能也喜欢：
Hybrid 资源一览	Hybrid 主题框架综述	使用Hybrid框架的起点	WordPress主题：GoogleCode	免费WordPress主题
无觅

页面模板一览

1. Template Name: Archives
2. Template Name: Authors
3. Template Name: Biography
4. Template Name: Blog
5. Template Name: Bookmarks
6. Template Name: Categories
7. Template Name: Log In
8. Template Name: Logged In
9. Template Name: No Widgets
10. Template Name: Profile
11. Template Name: Quick Post
12. Template Name: Register
13. Template Name: Sitemap
14. Template Name: Tags
15. Template Name: Widgets

Action一览表

1. comment_form
2. hybrid_before_html
3. hybrid_after_html
4. hybrid_head
5. hybrid_before_header
6. hybrid_header
7. hybrid_after_header
8. hybrid_before_page_nav
9. hybrid_after_page_nav
10. hybrid_before_cat_nav
11. hybrid_after_cat_nav
12. hybrid_before_container
13. hybrid_before_content
14. hybrid_after_content
15. hybrid_after_single
16. hybrid_after_page
17. hybrid_before_comments
18. hybrid_before_primary
19. hybrid_after_primary
20. hybrid_before_secondary
21. hybrid_after_secondary
22. hybrid_before_subsidiary
23. hybrid_after_subsidiary
24. hybrid_after_container
25. hybrid_before_footer
26. hybrid_footer
27. hybrid_after_footer
28. hybrid_child_settings

Filter一览表

1. show_password_fields <-- register.php(115)
2. hybrid_post_meta_boxes <-- meta-box.php(74)
3. hybrid_page_meta_boxes <-- meta-box.php(121)
4. hybrid_settings_args <-- theme-settings-admin.php(65)
5. hybrid_breadcrumb_args <-- breadcrumbs.php(31)
6. hybrid_breadcrumb <-- breadcrumbs.php(220)
7. hybrid_breadcrumb <-- breadcrumbs.php(222)
8. hybrid_avatar <-- comments.php(67)
9. hybrid_allowed_tags <-- filters.php(95)
10. hybrid_site_title <-- filters.php(115)
11. hybrid_site_description <-- filters.php(134)
12. hybrid_page_nav <-- filters.php(166)
13. hybrid_cat_nav <-- filters.php(189)
14. hybrid_category_menu_args <-- filters.php(236)
15. hybrid_category_menu <-- filters.php(275)
16. hybrid_search_form <-- filters.php(313)
17. hybrid_insert <-- filters.php(328)
18. hybrid_copyright <-- filters.php(350)
19. hybrid_credit <-- filters.php(380)
20. get_the_image_args <-- get-the-image.php(37)
21. get_the_video_args <-- get-the-video.php(37)
22. hybrid_enqueue_style <-- media.php(39)
23. hybrid_enqueue_script <-- media.php(92)
24. hybrid_favicon <-- template-functions.php(293)
25. hybrid_primary_args <-- widgets.php(64)
26. hybrid_primary_inserts <-- widgets.php(68)
27. hybrid_secondary_args <-- widgets.php(84)
28. hybrid_secondary_inserts <-- widgets.php(88)
29. hybrid_subsidiary_args <-- widgets.php(110)
30. hybrid_subsidiary_inserts <-- widgets.php(114)
31. hybrid_utility_args <-- widgets.php(138)
32. hybrid_utility_inserts <-- widgets.php(142)
33. hybrid_widget_class <-- widgets.php(209)
34. hybrid_primary_var <-- widgets.php(402)
35. hybrid_secondary_var <-- widgets.php(420)
36. hybrid_subsidiary_var <-- widgets.php(438)
37. wp_page_menu_args <-- legacy.functions.php(40)
38. wp_page_menu <-- legacy.functions.php(75)
39. widget_title <-- archives.php(26)
40. widget_title <-- authors.php(26)
41. link_category <-- bookmarks.php(145)
42. widget_title <-- categories.php(26)
43. widget_title <-- pages.php(26)
44. widget_title <-- search.php(26)
45. widget_title <-- tags.php(26)

您可能也喜欢：

Hybrid 常用Action

使用Hybrid框架的起点

Hybrid 主题框架综述

WordPress主题：GoogleCode

WordPress Theme: YUI Theme—烂尾版

无觅

子主题，就是指，以另一个已经存在的主题的页面元素结构和功能为基础，创建完全自定义的样式，和附加功能。而在制作过程中，完全不修改另一个主题的代码。而“另一个主题”在这个过程中，就自动成为了“父主题”。

/*
Theme Name: Rose
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
.
General comments/License Statement if any.
.
*/

上面一段代码，我想每个主题制作爱好者都不会陌生，这是存在于style.css头部的一段注释，WordPress使用这段信息，加载一个主题。其中的Template，就是在制作子主题的时候用于说明父主题的字段。具体在制作一款子主题的时候，只要将Template:hybrid填写到style.css的头部，就可以使用Hybrid作为父级主题了。当然，这个说明同样也适用于其他主题框架，或者任何一款主题（不推荐使用普通主题作为父级主题）。

创建子主题，就相当于站在巨人的肩膀上，你要处理的文件数量非常少，一般来说只有两个就够了，一个是style.css，另一个是functions.php。style.css的作用是用于说明子主题的外观样式，而functions.php的作用，是用于附加原来父级主题所没有的功能。

这里要做一个特别说明，就是关于文件加载的顺序的说明。如果你制作了一款子主题，那么WordPress在加载的时候，首先加载的是子主题的functions.php然后才是父级主题的functions.php。这意味着什么呢？在Hybrid的functions.php里，使用add_action函数挂载了非常多的东西，根据Hybrid主题框架综述的说明，几乎所有的页面内容，都通过action来挂载。那么如果有哪部分内容，你不想要，或者你想替换成你自己的，那么你是无法直接在子主题的functions.php里面实现卸载的。你能直接操作的，只是挂载，而不能卸载。那么非要卸载是不是没有可能了呢？也不是。这里给出一个方法，首先，创建一个函数，action_to_remove，然后在函数体内写好你要卸载的action，然后将这个函数hook到全局的action init 之上，就可以实现卸载了。代码如下：（什么是Hook？什么是Action？）

add_action('init','action_to_remove');  function action_to_remove(){    remove_action('hybrid_header','hybrid_site_title');  }

通过上述代码，我们移除了Hybrid主题中的title部分。其实，这个问题也有其一般意义，因为当你想要移除一个action的时候，这个action根本还没有被add过，那么你的移除动作是无效的。以后如果有必要，我会专门撰文介绍这个问题。

上面两段，对于插件开发爱好者来说，可能非常容易理解。一般同学如果不理解，没关系，直接跳过就ok了，毕竟Hybrid没有往主题里挂过多的不必要的东西，一般情况不需要移除任何东西的。

这里总结一下，创建子主题的过程：

1. 在wp-content的themes文件夹下，创建一个文件夹，用作子主题的目录，如my-custom-hybrid。
2. 在my-custom-hybrid目录里，创建两个文件，一个是style.css，一个是functions.php（可以不要这个文件）。
3. 编辑style.css文件，在头部按照上文的格式，撰写注释信息，在Template后面，填上hybrid。
4. 在style.css文件内部，使用CSS语法，创建你自己的样式。
5. 在functions.php内部，添加一些功能，或者嵌入某些插件。

到这里，如果你真的看明白了，想要动手制作了，那么我还要再推荐给你一个非常好的东西。制作一款子主题，并非必须从0开始，也即从一个空白的style.css开始。Hybrid的作者非常贴心的创建了一个子主题skeleton，就是为了给广大主题爱好者创建一个良好的基础。该子主题的style.css文件，按照页面元素的层次结构和出现顺序，罗列了所有的class名称和id名称，比如，导航条部分的代码样子如下：

/**

* Page navigation

************************************************/

/* Wrapper for navigation */

#navigation {}

    /* Page nav */

    #page-nav {}

        #page-nav ul {}

            #page-nav li {}

                #page-nav li a {}

            #page-nav li.current_page_item {}

瞧见没有？是不是结构非常的鲜明，一目了然呢？下载地址。

好了，今天就介绍到这里吧，下次，将要撰写《Hybrid资源一览表》，欢迎大家继续关注！

您可能也喜欢：
WordPress主题：GoogleCode	Hybrid 主题框架综述	Hybrid 资源一览	Hybrid 常用Action	视频教程：使用Yii框架开发Blog
无觅

Hybrid 是 Justin Tadlock 开发的一款主题框架，该框架功能非常强大，下面简单罗列一些。（该列表原文来自原主页，其翻译来自上善若水。）

• 如同 SandBox 主题框架一样，用户可以自定义主题样式；
• 内置了基本的 SEO 选项，基本可以取代 All In One SEO Pack 之类的插件；
• 拥有一个完备的主题选项；
• 内置了常用的13个页面的模板，用户可以利用这些模板来完成许多事；
• 自 WordPress 2.5 版本至最新的 2.7 版本全兼容；
• 原生支持至少15个插件；
• 附件处理功能；
• 迷人的 Tab 式位置导航变体 菜单；
• 基于 960 GS、Blueprint 和 Tripoli 相当可靠的 CSS 样式；
• 可以建立各种样式的站点；

Hybrid 是一款名副其实的“框架”。其整体架构，就是一个良构的XHTML布局，具体来说，就是一个页头，一个页面内容容器，里面分为主要内容，侧栏等；然后是页脚。除了一个最基础的DIV+CSS的XHTML布局之外，剩下的就是Hook，在上述基础布局中，所有可以插入元素，或者有必要插入元素的地方，都带有WordPress的Action。

当然，Hybrid除了是一个框架之外，它还是一个主题。Hybrid主题本身，就建立在其自身搭建的框架之上。为什么这么说呢？因为一个博客模板里，所有最为基本的东西，如<head>标签内部的一些meta tags，博客标题，站点描述，页面导航，侧边栏，页脚版权信息，等等等等，绝大多数主要内容，也即除了“骨骼”之外的那些“肉”，都是通过action来挂载的。既然是挂载上去的，当然也可以摘除。

Hybrid框架最适合作为开发子主题的基础，因为该框架本身布局灵活，通过框架内部带有的action，子主题作者可以从原本基础上摘除任何不需要的功能块，同样也可以挂载任何自己开发的功能块。这一系列的操作，都不需要对Hybrid本身动手术，这保证了Hybrid框架的完整性，为日后升级提供了极大的方便。

上手Hybrid，一定要有框架思维，把它当成一个真正的框架，才是正确的用法。（写给程序员：你在编程时有想过修改.net framework或者MFC或者JFC或者STL的代码吗？答案如果是没有，那么你也不需要去修改Hybrid的代码。）我这里这么说，主要是想告诉一些希望定制Hybrid框架的朋友，直接DIY Hybrid的源代码，是不被禁止的，但是Charles个人及其不推荐的。Hybrid虽然是一款非常优秀的主题框架，但是其目前版本只有0.4.1，其内部代码还有至少3处被标记成under active development，整个框架还处在活跃地开发状态，保持随时升级非常重要。

未完待续

下一篇，拟介绍《使用Hybrid的起点》，欢迎给位在下面跟帖讨论，并给我提供写作建议，谢谢！

您可能也喜欢：
使用Hybrid框架的起点	WordPress主题：GoogleCode	Hybrid 常用Action	Hybrid 资源一览	免费WordPress主题
无觅