存档

  • wordpress 主题制作教程系列（4）之default主题index.php

    Ii is easy,it is fun.这是我们wordpress 主题制作教程的口号，事实就是这样的，慢慢体会吧。 在我们“教程的wordpress主题制作入门教程系列(3)之default主题的组织结构”这一讲中对教程做了概要说明，并且简要分析了style.css文件。这一讲我们主要分析一下index.php和header.php ，index.php是一个很重要的文件，通过一讲的内容不能够讲明白，我打算在本讲中将一部分内容剩余的内容在剩余的教程中穿插讲解。 default 主题分析 （index.php ) 打开index.php文件，我们看到如下代码。不要头大，这些代码其实很简单，庖丁解牛，慢慢搞定它。 /** Posted in | Not Found Sorry, but you are looking for something that isn’t here. 我们把这一段冗长的代码分成四部分来逐个分析，也许这样会更加容易理解一些。 第一部分： <?php /** * @package WordPress * @subpackage Default_Theme */ get_header(); ?> 这一段代码相对较简单一些，包括注释和一个函数get_header() （这个函数是一个典型是一个wp 模版函数）。他的作用是加载头部文件即header.php，相当于php中的include 函数的作用。这个函数的原型在wp-includes/general-template.php，有一定php基础的朋友可以看一下函数的具体定义实现方法，第三部分（）get_sitebar()函数和第四部分（）get_footer()，实现的原理和get_header()一样，他们的作用通过他们的名字就可一猜出来的。 剩下代码就是第二部分啦，是index.php的主要代码，暂时先不做分析。接下来我们看看这四个部分的关系，和他们在WordPress页面中的位置和作用，请看下面的这一图片。 有任何问题可以在此留言或者im 我都可以！我会及时做出回复！也欢迎的大家对教程提出意见和建议，我们将做出及时的调整。

    383 阅读 | 没有评论
    2009年10月24日 | 归档于 WordPress
    标签: WordPress, wordpress theme

  • 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> [...]

    299 阅读 | 没有评论
    2009年10月6日 | 归档于 WordPress
    标签: WordPress, wordpress theme
文章标签 ‘wordpress theme’