利用HyBrid来创建子主题:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
(新页面: <span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> 上一页</span> <div style="clear:both;"></div>)
 
无编辑摘要
第1行: 第1行:
<span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> [[HyBrid|上一页]]</span>
<span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> [[HyBrid|上一页]]</span>
<div style="clear:both;"></div>
<div style="clear:both;"></div>
创建子主题的步骤很简单!只要2步就行了。有一点很重要就是,子主题通常只有2个文件,一个函数文件,一个样式表。
#去上面我说到的站长百科下载点下载最新版本[[HyBrid]],解压放到 /wp-content/themes 内。
#激活你的子主题。
下面来举个例子,以方便大家理解。
假设我们创建的子主题是hybrid-custom,将这个文件夹放到/wp-content/themes 内。
#新建一个style.css 文件。将下面的代码拷进去。
<pre>
/**
* Theme Name: Hybrid Custom
* Theme URI: http://link-to-your-site.com
* Description: Describe what your child theme should be like.
* Version: 0.1
* Author: Your Name
* Author URI: http://link-to-your-site.com
* Tags: Add, Whatever, Tags, You, Want
*Template: hybrid
*/
</pre>
最重要的是这行 Template: hybrid。你在什么主题框架上构建子主题,就用什么名称。 上面的代码注释做主题的人都知道,wordpress就是读取上面的信息并将其显示在后台主题管理页面上。
若你不想自己定制子主题样式,想使用Hybrid 的。则加入下面代码:
<pre>
/* Get base CSS */
@import url('../hybrid/library/css/21px.css');
/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');
/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');
/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');
/* Get default CSS */
@import url('../hybrid/library/css/screen.css');
</pre>
'''修改主题:'''
若你想修改主题某些东西,这个时候就要在子主题的function.php内添加wordpress的action和filter钩子了.它能让你无需编辑任何模板文件就能够修改某些效果。
'''重写文件''':(这个用到的很少,不到万不得已的地步,都不推荐使用!因为Hybrid有足够的action和filter来重写一个模板文件)
假设你现在想重写next/previous post这个链接,Hybrid 默认文件是navigation-links.php。 你需要把这个文件拷贝到/hybrid-custom文件夹内。再在上面做你想要的修改。你可以使用这样的方法来任意重写wordpress的模板文件甚至是创建新的模板文件!
==相关阅读==

2010年8月11日 (三) 09:57的版本

导航: 上一页

创建子主题的步骤很简单!只要2步就行了。有一点很重要就是,子主题通常只有2个文件,一个函数文件,一个样式表。

  1. 去上面我说到的站长百科下载点下载最新版本HyBrid,解压放到 /wp-content/themes 内。
  2. 激活你的子主题。

下面来举个例子,以方便大家理解。

假设我们创建的子主题是hybrid-custom,将这个文件夹放到/wp-content/themes 内。

  1. 新建一个style.css 文件。将下面的代码拷进去。
/**

* Theme Name: Hybrid Custom

* Theme URI: http://link-to-your-site.com

* Description: Describe what your child theme should be like.

* Version: 0.1

* Author: Your Name

* Author URI: http://link-to-your-site.com

* Tags: Add, Whatever, Tags, You, Want

*Template: hybrid

*/

最重要的是这行 Template: hybrid。你在什么主题框架上构建子主题,就用什么名称。 上面的代码注释做主题的人都知道,wordpress就是读取上面的信息并将其显示在后台主题管理页面上。

若你不想自己定制子主题样式,想使用Hybrid 的。则加入下面代码:

/* Get base CSS */

@import url('../hybrid/library/css/21px.css');
/* Get layout CSS */

@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */

@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */

@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */

@import url('../hybrid/library/css/screen.css');

修改主题:

若你想修改主题某些东西,这个时候就要在子主题的function.php内添加wordpress的action和filter钩子了.它能让你无需编辑任何模板文件就能够修改某些效果。

重写文件:(这个用到的很少,不到万不得已的地步,都不推荐使用!因为Hybrid有足够的action和filter来重写一个模板文件) 假设你现在想重写next/previous post这个链接,Hybrid 默认文件是navigation-links.php。 你需要把这个文件拷贝到/hybrid-custom文件夹内。再在上面做你想要的修改。你可以使用这样的方法来任意重写wordpress的模板文件甚至是创建新的模板文件!

相关阅读