这篇日志开始step by step 的介绍怎么使用Hybrid做自己的wp主题。
一个WordPress的子主题就像任何其他WordPress主题一样,你可以把它们放在你的博客的主题目录(/wp-content/themes)下,然后在主题控制面板激活它们。它们同样拥有存在图片、脚本、截图(screenshot)、CSS的文件夹。
唯一不同的地方是子主题基本上不需要任何主题文件(header.php, index.php, footer.php, single.php等)。这是我们为什么不需要使用PHP的另一个原因。
首先,我们要做几个准备
- 新主题是Hybrid的子主题,所以我们要先确定已经上传到了/wp-content/themes/目录中
- 准备好了PHP编辑软件,还是在推荐一次啊我是用的这个Notepad++,这里我就不提供下载地址了,自己去找吧
- 新建一个子主题的目录,比如,我们在/wp-content/themes新建一个名为“One Blue”的文件夹,OK,这个就是由于存放我们子主题的地方了~
这样一个简单的,准备就OK了,接下来我们开始建立第一个文件,“style.css”文件,这个文件名是必须的,不可修改哦
写下这样的信息:
/*
Theme Name: one blue(这里是主题名字)
Theme URI: http://tossp.com/one-blue-new-topic.html(这里是主题的发布地址)
Description: The Theme is improved by http://tossp.com. The theme comes from Blog Oh! Blog and comes under a Creative Commons License.(这里是主题的设计说明)
Version: 0.1(这个认识吧版本号)
Author: Dennis(很简单的,作者名字)
Author URI: http://tossp.com(作者地址)
Tags: Framework(主题标签)
Template: hybrid(这里很重要,不可改,记录你的父级主题是哪一个)
*/
注意到了那个Template标签了么?后面紧跟的就是我们父级主题的文件夹名
主要到了么?“括号”内的内容是不要的,当然这也包括“括号在内”。OK,现在一个简单的style.css就写好了,保存吧,记得随手保存是一个良好的习惯~
接下来我们建立第二个必须的文件functions.php,在里面写下这样的内容。
/*
* Constant paths
*/
define( ONE_BLUE, get_stylesheet_directory() );//这个是第一我们这个子主题在服务器上的绝对路径
define( ONE_BLUE_URL, get_stylesheet_directory_uri() );//这里我们定义子主题的url路径
//以上两个常量的定义是为了方便我们后面对文件路径的描述。
/*
* Make sure to localize all your text if you plan on releasing this publicly
*
* @reference http://codex.wordpress.org/Translating_WordPress
*/
load_theme_textdomain('oneblue', ONE_BLUE);//这里是设置我们主题的文本域,方便以后多国语言版本的发布,也就是常说的本地化~
OK,现在一个简单的子主题就定义弄好了,当然并不是完工了~只是可以使用了,不过他不包含任何的样式,因为我们没有定义任何CSS样式。
现在这个主题可以用于裸奔日了,哈哈,很头疼对吧?啥都没有。。。不要急
Hybird给我们提供了一些默认的框架用@import url('../hybrid/library/css/18px.css');类似这样的CSS调用就好,发现了吧预定义的CSS就在/wp-content/themes/hybrid/library/css/里面,我就不详细描述了,自己查看吧,有了这些,我们剩下的就是定义不同的颜色,给我们在主题一个绚烂的起点,对于CSS,就这些了。。。
还有更加快速的办法么?那是当然的~Hybird提供了一个骨架子主题Skeleton(猛点击),里面的style.css文件,已经把整个Hybird的默认DIV结构按照页面元素的层次结构和出现顺序,罗列了绝大多数的class名称和id名称,直接修改就OK~如此方便的体验做自己主题的乐趣你还犹豫?开始吧~
当然一个问题出现了,Hybird默认的DIV结构不能满足我们的需求,或者和我们的要求不相符,怎么办呢?这将是我下一篇日志,也或者是后面的好几篇日志要记录的内容~
多发教程!我支持你!
果然是菜鸟教程!!!