没有合适的资源?快使用搜索试试~ 我知道了~
首页wordpress主题制作入门教程
资源详情
资源评论
资源推荐

· 版权所有 WordPress 教程网 ,作者 tomheng 。允许转载,但 必须 以超链接的形式注明 出处
第一讲 简单说明
老伍注:很多人开始使用 wordpress 都是因为看到漂亮的 wordpress 主题 。为了能让每一 个
WordPress fans 都能制作个性化的主题,我们经过精心的准备,终于推出了这套 WordPres s
主题制作入门教程 。 这套教程主要由 tomheng 编写 , 老伍修正 , 希望大家能从中对 wordpres s
主题制作有一个基本的了解。
WordPress 是一个很优秀的开源博客程序 , 受到全世界网民的追捧 。 它不但是一个简洁易用
的博客应用程序 , 同时也是个学习的好工具 。 通过主题的制作你可以学习网页设计相关知识
,
学习插件开发则可以提高 你 ph p 编程的能力 , 如果更深入的了解一 下 WordPres s 的框架结构
,
那对你架构设计能力也是一种提高 。 我们提供的这套入门教程旨在普及 WordPress 主题制作
的基础知识 , 面向最基础的入门用户 , 让大家认识到制作 WordPress 主题是简单的 , 有趣的
( It is easy ,it is fun 这是我们的口号 ) 。 这个简单的教程会讲解如何制作 WordPress 主题的基
本步骤,但是制作漂亮的主题还需要更多的经验和努力才行。
学习我们的教程需要您首先的是一个 WordPress 的熟练的用户 , 如果你还不是很熟悉如何使
用 WordPress ,请移步 WordPress 教程网查看 WordPress 的基本的使用教程 。
教程开始之前还是要说一些网页设计的基本的规范以及一些基本的 php 常识:
( 1 ) 所有 html
html
html
html 标签必须关闭
<ul></ul>
( 2 ) Html
Html
Html
Html 标签的不能交叉嵌套
<div><span></div></span> 这样是不允许的
<div><span></span></div> 这样是正确的
( 3 ) 凡是在 <?php
<?php
<?php
<?php ···
···
···
··· ?>
?>
?>
?> 或者在 <?
<?
<?
<? ···
···
···
··· ?>
?>
?>
?> 里的内容都是 php
php
php
php 代码
( 4 ) Php
Php
Php
Php 的两种注释方法
A 、 // 单行注释 B 、 /**/ 跨行注释
即以 /* 开头到 */ 终止的中间部分全部为注释代码
5 ) css
css
css
css 样式文件的注释方法 只有一种既 /**/
/**/
/**/
/**/ 跨行注释
推荐一些工具和网站
1 ) php 不懂得问题去。 Php.net 查询
2 )与 css , html 有关的问题去: w3school 查询

· 版权所有 WordPress 教程网 ,作者 tomheng 。允许转载,但 必须 以超链接的形式注明 出处
第二讲 主题制作基本流程
没错制作主题教程是简单的也是有趣的 。 上一讲 我们对本 wordpress 主题 教程进行了简单说
明,现在就让我们先来配置一下我们的开发环境吧。
(1) 在自己的电脑安装 WordPress
WordPress
WordPress
WordPress 运行的环境 ( 在本机搭建 WordPress 的安装环 境
XAMPP === WordPress 教程网教程系列 ) ;
安装过程中可能会遇到一些问题 , 一般就是迅雷等软件占用 80 端口 。 所以安装之前最好把迅
雷给关了。另外 phpnow ,appserve ,nertrigo 等都可以完成 xampp 的工作。
(2) 在本机服务器安装 WordPress
WordPress
WordPress
WordPress ( 在本机安装 WordPress 全过程 === WordPress 教程网教
程系列 ) 。
这个相对简单一些,如果一切顺利这时侯,在自己的浏览器输入 http://localhost 就可以看到
自己装的 WordPress 啦。
(3) 推荐 : 准备一些软件 , dreamweaver , fireworks, 最好装两个以上的浏览器 ( 包含 ie, firefox)
当然这些不一定用的着,只是推荐而已,大家根据自己的知识水平准备一下就可以啦。
现在万事俱备,接下来就开始介绍教程制作的相关知识。
(1) 主题的存放位置 。
所有的主题都存在于:你的博客所在目录 /wp-content/themes 下,每一个文件夹就是一个主
题 。 所以我们制作主题的第一步就是在这个目录建立一个文件夹 , 文件夹的名字可以用主题
的名字 , 您还得先为主题取个好听的名字奥 。 比如我们就建立一个叫 wpc-tomheng 的文件夹 。
到 wordpress 后台看一下是不是存在我们的主题 。 令人失望的是没有看到我们的主题 , 这是
什么问题呢?其实建立一个文件夹只是给我们的主题买了块地皮而已 , 我们还需要在上面建
立一些东西 , 才能在后台看到的 。 要在后台看到我们的主题最主要的一步就是在主题目录 ( 我
这里是 wpc-tomheng, 要根据自己的具体情况在相应的目录里,以后我们就直接 以
wpc-tomheng 作为说明,您在操作的时候要具体转化为自己的目录 。 )
建立一个叫 style.css 的文件 。 这个文件是用来存放 css 样式文件 , 这里面也包含了关于主题
的一些信息 。 与主题相关的信息都是放在 /* 主题相关的信息 */ 里面 。 我们在里面写入最简单
的一个信息 - 关于主题的名称。在 style.css 文件里写入如下信息:
/*
Theme Name: wpc-tomheng
*/
说明 : 在这里可以填入更多的相关信息 , 但是都要符合 WordPress 的规范 才行 。 这些信息不
是必要,但是我们最好填写一些必备的信息(如:主题的名字,作者,等信息 ) ,这样看起
来更规范 。 保存文件 。 到后台看一下 , 我们依然没有发现我们的主题 , 我们的主题却被列入
了已损坏的主题里面 , 提示信息为 : 缺失模版文件 。 是的我们的主题确实小但是五脏并未俱
剩余17页未读,继续阅读















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0