存档
-
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的一个最简单的应用。 [...]
610 阅读 | 3 条评论2009年10月18日 | 归档于 WordPress标签: WordPress -
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查询
703 阅读 | 没有评论2009年10月17日 | 归档于 WordPress标签: WordPress -
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的重头戏呢！今天我们就来看一下那些代码究竟是干什么的。 从图中我们可以看出剩余的代码主要的作用就是调用了文章的数据。 代码： 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 我都可以，我会及时做出回复！也欢迎的大家对教程提出意见和建议，我们将做出及时的调整。
392 阅读 | 没有评论2009年10月7日 | 归档于 WordPress标签: WordPress -
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> [...]
428 阅读 | 没有评论2009年10月6日 | 归档于 WordPress标签: WordPress, wordpress theme -
推荐四个wordpress资源网站（插件、主题、教程）
在Google里可以搜到很多关于WordPress的支持网站（非WordPress官方网站），这些网站大都是围绕着WordPress最诱人的插件和主题开发展开的！为了大家少走“冤枉路”，我把自己认为比较好的几个相关网站贴出来分享一下！如果你是WordPress老手欢迎您给大家推荐几个网站或者绕道，如果你是的WordPress的新手或者刚刚听到WordPress这个名词，你可以参考一下我的分享！
645 阅读 | 没有评论2009年6月22日 | 归档于 WordPress标签: WordPress
近期评论