标签归档:WordPress

wordpress主题制作入门教程系列(2)之主题制作基本流程

It is easy ,it is fun.没错制作wordpress主题是简单的也是有趣的。在wordpress主题制作入门教程系列的上一讲简单的做了说明,现在就让我们先来配置一下我们的开发环境吧,开始我们的worpress主题制作之旅。

主题制作基本流程

(1)在自己的电脑安装WordPress运行的环境在本机搭建WordPress的安装环境XAMPP===WordPress教程网教程系列 );

安装过程中可能会遇到一些问题,一般就是迅雷等如见占用80端口。所以安装之前最好把迅雷给关了。另外phpnow ,appserve ,nertrigo等都可以完成xampp的工作。

(2)在 本机服务器安装WordPress 在本机安装WordPress全过程 ===WordPress教程网教程系列 )。

这个相对简单一些,如果一切顺利这时侯,在自己的浏览器输入http://localhost就可以看到自己装的WordPress啦。

(3)推荐:准备一些软件,dreamwerver ,fireworks,最好装两个以上的浏览器(包含ie,firefox)当然这些不一定用的着,只是推荐而已,大家根据自己的知识水平准备一下就可以啦。

现在万事俱备,接下来就开始介绍教程制作的相关知识。

(1)主题的存放位置

所有的主题都存在于:你的博客所在目录/wp-content/themes下,每一个文件夹就是一个主题。所以我们制作主题的第一步就是在这个目录建立一个文件夹,文件夹的名字可以用主题的名字,您还得先为主题取个好听的名字奥。比如我们就建立一个叫wpc-tomheng的文件夹。

到wordpress后台看一下是不是存在我们的主题。令人失望的是没有看到我们的主题,这是什么问题呢?其实建立一个文件夹只是给我们的主题买了块地皮而已,我们还需要在上面建立一些东西,才能在后台看到的。要在后台看到我们的主题最主要的一步就是在主题目录(我这里是wpc-tomheng,要根据自己的具体情况在相应的目录里,以后我们就直接以wpc-tomheng作为说明,您在操作的时候要具体转化为自己的目录。)建立一个叫style.css的文件。

这个文件是用来存放css样式文件,这里面也包含了关于主题的一些信息。与主题相关的信息都是放在/*主题相关的信息*/里面。我们在里面写入最简单的一个信息-关于主题的名称。在style.css文件里写入如下信息

/*

Theme Name: wpc-tomheng

*/

说明:在这里可以填入更多的相关信息,但是都要符合WordPress的规范才行这些信息不是必要,但是我们最好填写一些必备的信息(如:主题的名字,作者,等信息),这样看起来更规范。保存文件。到后台看一下,我们依然没有发现我们的主题,我们的主题却被列入了已损坏的主题里面,提示信息为:缺失模版文件。是的我们的主题确实小但是五脏并未俱全,接下来再建立一个模版文件就好啦。在wpc-tomheng 目录建立一个index.php的文件,这时候我们的主题能在后台的主题选项目录看到,同时我们的主题也可以安装了。

这就是一个新的主题必须具有的最基本的结构(style.css 和index.php文件)。现在我们安装上自己制作的主题,但是我们到前台查看自己的博客时候,什么内容也没有看到。这是为什么呢?

当然,我们的工作刚刚起步。我们还需要给我们的主题继续的添加东西,才可以在前台有个完美的展示。在index.php里写入任何的html标签或者简单的文本都可以在前台显示出来。You may wan to try it .

但是我们怎么把我们在博客里的文章或者其他的信息显示出来呢,这就要靠我们的WordPress template tags (http://codex.wordpress.org/Template_Tags )。我们在这里先介绍一个最简单的tag,(在开始的几讲里我们只是介绍一下主题的最基本知识和相关的流程,关于更详细的教程我们会在后续的章节发布出来,请密切关注wpc的动向)。

在index.php里写入如下代码:

<html>

<body>

<?php

bloginfo(‘name’);

?>

</body>

</html>

现在在博客的首页应该可以看到自己博客的名字了,这就是tag的一个最简单的应用。

现在wp-tomehng 应该算是一个完整的主题,但绝不是一个完美的主题。因为他基本没有展现我们博客的内容,也没有漂亮的外观。展现博客的内容要靠template tags(例如bloginfo())来完成,改变外观要靠style.css来完成。这也是制作主题的关键,最能展示个人创意的地方。

接下来,如果您愿意把自己制作的主题release出来的话,就可以打包成.zip文件,然后提交到WordPress。

恩,现在是不是对WordPress主题制作有个基本的了解了,接下来我们会详细的讲解template tags的相关的知识。我们将以WordPress的default主题作为说明的素材来进行讲解。

有任何问题可以在此留言或者im 我都可以!我会及时做出回复!也欢迎的大家对教程提出意见和建议,我们将做出及时的调整!

wordpress 主题制作教程系列(1)之开篇

wordpress 主题制作教程简单说明

为了能使WordPress fans制作富有个性的wordpress主题,经过精心的准备,wpc终于推出了这套WordPress主题制作入门教程!

WordPress是一个很优秀的开源博客程序,受到全世界网民的追捧。它不但是一个简洁易用的博客应用程序,同时也是个学习的好工具。通过主题的制作你可以学习网页设计相关知识,学习插件开发则可以提高你php编程的能力,如果更深入的了解一下WordPress的框架结构,那对你架构设计能力也是一种提高。我们提供的这套入门教程旨在普及WordPress主题制作的基础知识,面向最基础的入门用户,让大家认识到制作WordPress主题是简单的,有趣的(It is easy ,it is fun这是我们的口号)。我们的教程会讲解如何制作WordPress 主题,但是我们的教程不会告诉您如何制作漂亮的主题。

学习我们的教程需要您首先的是一个WordPress的熟练的用户,如果你还不是很熟悉如何使用WordPress,请移步WordPress教程网查看WordPress的基本的使用教程

附注:本教程是WordPress主题制作教程@wpc的附属版本,这是我根据老五的要求写的第一个版本,但是被老五打回来啦,但是我又不想浪费此版本,特在我的博客上发布,也许会对大家有所帮助。大家可以和wpc版本对照着看,喜欢WordPress的朋友WordPress教程网确实是个学习WordPress的好地方。

教程开始之前还是要说一些网页设计的基本的规范以及一些基本的php常识:

(1)所有html 标签必须关闭

<ul></ul>

(2)Html标签的不能交叉嵌套

<div><span></div></span> 这样是不允许的

<div><span></span></div> 这样是正确的

(3)凡是在<?php ···?>或者在<? ···?>里的内容都是php代码

(4)Php 的两种注释方法

// 单行注释

/**/ 跨行注释

即以/*开头到*/终止的中间部分全部为注释代码

5)css 样式文件的注释方法 只有一种既 /**/ 跨行注释

推荐一些工具和网站

1)php不懂得问题去。Php.net查询

2)与css,html有关的问题去:w3school查询

wordpress主题制作入门教程系列(5)之default主题index.php(二)

It is easy ,it is fun!-wordpress主题制作入门教程口号。

上一讲:wordpress 主题制作教程系列(4)之default主题index.php

通过上一讲的说明,大家应该对bloginfo()函数运用自如了吧!这个函数在footer.php和header.php中扮演着重要的角色。那么我们今天的任务将回归index.php这个文件,把剩下的内容讲完。

我们在第二讲里已经涉及到过index.php,但我们只是说了一下模版加载函数(get_*()函数)。对于大段的代码,我们并没有作分析,其实他们才是index.php的重头戏呢!今天我们就来看一下那些代码究竟是干什么的。

ind

从图中我们可以看出剩余的代码主要的作用就是调用了文章的数据。

代码:

id="post-"> |

下面简单介绍一下,这里用到得几个重要的函数。

have_posts() 判断是否有文章发表 返回一个Boolean值

the_post() 取得当前文章的数据

the_ID() 打印当前文章的id

the_permalink() 输出文章的永久链接

the_title() 输出文章的标题

the_author() 输出文章的作者

the_content 输出文章的内容

the_tags 输出标签

get_the_category_list(‘, ‘) 的分类列表数据

edit_post_link 编辑链接

comments_popup_link 评论链接

previous_posts_link 前一篇文章的链接

next_posts_link 下一篇文章的链接

这几个函数都很简单,可以直接拿过来用,可以用在任何地方,很灵活的使用它们,实现个性化的主题,这就是WordPress的魔力所在。当然这些函数里有些需要一些具体的参数,不过这些参数都是可选的,初学的话,可以不加这些参数。

有任何问题可以在此留言或者im 我都可以,我会及时做出回复!也欢迎的大家对教程提出意见和建议,我们将做出及时的调整。

wordpress主题制作入门教程系列之主题制作基本流程 (worpress教程网)

原文链接:wordpress主题制作入门教程系列之主题制作基本流程

Is is easy ,it is fun.没错制作主题教程是简单的也是有趣的。上一讲我们简单的做了个说明,现在就让我们先来配置一下我们的开发环境吧。

主题制作基本流程

(1)在自己的电脑安装WordPress运行的环境在本机搭建WordPress的安装环境XAMPP===WordPress教程网教程系列 );

安装过程中可能会遇到一些问题,一般就是迅雷等如见占用80端口。所以安装之前最好把迅雷给关了。另外phpnow ,appserve ,nertrigo等都可以完成xampp的工作。

(2)在 本机服务器安装WordPress 在本机安装WordPress全过程 ===WordPress教程网教程系列 )。

这个相对简单一些,如果一切顺利这时侯,在自己的浏览器输入http://localhost就可以看到自己装的WordPress啦。

(3)推荐:准备一些软件,dreamwerver ,fireworks,最好装两个以上的浏览器(包含ie,fireworks)当然这些不一定用的着,只是推荐而已,大家根据自己的知识水平准备一下就可以啦。

现在万事俱备,接下来就开始介绍教程制作的相关知识。

(1)主题的存放位置

所有的主题都存在于:你的博客所在目录/wp-content/themes下,每一个文件夹就是一个主题。所以我们制作主题的第一步就是在这个目录建立一个文件夹,文件夹的名字可以用主题的名字,您还得先为主题取个好听的名字奥。比如我们就建立一个叫wpc-tomheng的文件夹。

到wordpress后台看一下是不是存在我们的主题。令人失望的是没有看到我们的主题,这是什么问题呢?其实建立一个文件夹只是给我们的主题买了块地皮而已,我们还需要在上面建立一些东西,才能在后台看到的。要在后台看到我们的主题最主要的一步就是在主题目录(我这里是wpc-tomheng,要根据自己的具体情况在相应的目录里,以后我们就直接以wpc-tomheng作为说明,您在操作的时候要具体转化为自己的目录。)建立一个叫style.css的文件。

这个文件是用来存放css样式文件,这里面也包含了关于主题的一些信息。与主题相关的信息都是放在/*主题相关的信息*/里面。我们在里面写入最简单的一个信息-关于主题的名称。在style.css文件里写入如下信息

/*

Theme Name: wpc-tomheng

*/

说明:在这里可以填入更多的相关信息,但是都要符合WordPress的规范才行这些信息不是必要,但是我们最好填写一些必备的信息(如:主题的名字,作者,等信息),这样看起来更规范。保存文件。到后台看一下,我们依然没有发现我们的主题,我们的主题却被列入了已损坏的主题里面,提示信息为:缺失模版文件。是的我们的主题确实小但是五脏并未俱全,接下来再建立一个模版文件就好啦。在wpc-tomheng 目录建立一个index.php的文件,这时候我们的主题能在后台的主题选项目录看到,同时我们的主题也可以安装了。

这就是一个新的主题必须具有的最基本的结构(style.css 和index.php文件)。现在我们安装上自己制作的主题,但是我们到前台查看自己的博客时候,什么内容也没有看到。这是为什么呢?

当然,我们的工作刚刚起步。我们还需要给我们的主题继续的添加东西,才可以在前台有个完美的展示。在index.php里写入任何的html标签或者简单的文本都可以在前台显示出来。You may wan to try it .

但是我们怎么把我们在博客里的文章或者其他的信息显示出来呢,这就要靠我们的WordPress template tags (http://codex.wordpress.org/Template_Tags )。我们在这里先介绍一个最简单的tag,(在开始的几讲里我们只是介绍一下主题的最基本知识和相关的流程,关于更详细的教程我们会在后续的章节发布出来,请密切关注wpc的动向)。

在index.php里写入如下代码:

<html>

<body>

<?php

bloginfo(‘name’);

?>

</body>

</html>

现在在博客的首页应该可以看到自己博客的名字了,这就是tag的一个最简单的应用。

现在wp-tomehng 应该算是一个完整的主题,但绝不是一个完美的主题。因为他基本没有展现我们博客的内容,也没有漂亮的外观。展现博客的内容要靠template tags(例如bloginfo())来完成,改变外观要靠style.css来完成。这也是制作主题的关键,最能展示个人创意的地方。

接下来,如果您愿意把自己制作的主题release出来的话,就可以打包成.zip文件,然后提交到WordPress。

恩,现在是不是对WordPress主题制作有个基本的了解了,接下来我们会详细的讲解template tags的相关的知识。

有任何问题可以在此留言或者im 我都可以!我会及时做出回复!也欢迎的大家对教程提出意见和建议,我们将做出及时的调整!

推荐四个wordpress资源网站(插件、主题、教程)

关于wordpress,最热门的就是主题和插件了,在Google里可以搜到很多关于WordPress的支持网站或者资源类网站(非WordPress官方网站),这些网站大都是围绕着WordPress最诱人的插件和主题开发展开的!为了大家少走“冤枉路”,我把自己认为比较好的几个相关网站贴出来分享一下!如果你是WordPress老手欢迎您给大家推荐几个网站或者绕道,如果你是的WordPress的新手或者刚刚听到WordPress这个名词,这篇文章比较适合你!

一、WordPress非官方中文站

WordPress 中文站,网址 wpchina.org ,是由热心网友创建的,旨在推进    WordPress 在中文社区使用的博客型网站。WordPress 中文站主要向中文社区用户提供关于 WordPress 程序、插件、主题和其他相关内容的新鲜资讯。

一个比较好的WordPress大杂烩网站,包含WordPress主题、插件、WordPress的新闻、相关的教程(使用教程、主题制作的教程、插件开发教程)等等,更新频率挺高的。

二、帕兰映像

帕兰映像(Parandroid.com) 是一个关注科技网络、设计开发、素材资源、工具软件和教程技巧等等等等的网站。

虽然WordPress不是他的全部,但是分享的WordPress的资源还是挺有价值的。视野开阔,似乎站长的英文功底不错,经常把国外的网站分享进来。

三、我爱水煮鱼

关于互联网和 WordPress 的个人博客。

一个WordPress的爱好者,提供主题制作和插件开发服务,同时也大量分享了自己在学习和使用WordPress中的经验,在这里我们不仅仅可以学到关于WordPress的知识!

四、wordpress教程网

我们不是技术高手,只是想把我们曾经使用WordPress的经验分享出来,让新人有个起步的台阶,不需再去重复我们走过的弯路。

WordPress教程网为您提供了从零开始、由浅入深的wordpress入门视频教程

正如站长所言,WordPress教程网可以让每个人都会使用WordPress,这个网站应该是国内唯一的一个做WordPress视频教程的网站,现在的教程主要是面向初级用户,如果你对WordPress了解很少而又想迅速上手的话,看视频教程是个不错的选择。