杨思为 | 我们一家 » WordPress模板制作 http://yangsiwei.com 杨思为 | 宝宝博客 | 宝宝照片 | 育儿经验 Wed, 16 May 2012 16:39:45 +0000 en hourly 1 http://wordpress.org/?v=3.3 WordPress创建简单讨论区——自定义分类模板 http://yangsiwei.com/wordpress-to-create-a-simple-discussion-custom-templates-classification http://yangsiwei.com/wordpress-to-create-a-simple-discussion-custom-templates-classification#comments Mon, 27 Oct 2008 08:02:47 +0000 思为爸爸 http://yangjf.com/blog/?p=396 WordPress默认的分类号为1，这个分类也是系统不可以被删除的分类（当然，您通过其它方式直接操作MySQL数据库肯定是可以删除的）。这个默认分类的作用：1、保存被删除分类的文章信息；2、作为文章的默认分类。第一个作用也就是说如果您删除某个分类，该分类的文章信息不会被删除，只是会转移到这个默认分类中。第二个作用就是说如果您在发表新文章时没有选择分类，那么系统默认选择的该分类：）

正因为第二个作用，心花放有一些队友刚开始发布文章时都发到这栏目下了。后来与虫子商量，将默认的分类设置为“灌水区”，该分类就存放大家灌水等信息吧。再后来，既然是灌水区，就模拟讨论区的样子做吧……于是就有了这篇文章：）

WordPress自定义分类模板制作简单讨论区效果图：

心花放灌水区

心花放灌水区

讨论区演示地址：http://yangjf.com/football/category/watering/

WordPress分类模板制作讨论区思路：

利用自定义分类页面制作成讨论区的界面效果，指定分类下的每篇文章就是一篇帖子，评论就是帖子的回复。

WordPress利用分类模板开发讨论区方法：

1、在模板目录下创建模板文件category-1.php。

注意：如果您的讨论区分类不是1，那么请根据您的具体情况修改。例如，如果您的灌水区分类ID为5，那么创建category-5.php模板文件。（如果您设置了永久链接，看不到分类ID，那么可以在后台编辑分类的界面中查看到分类ID信息）

因为WordPress模板分类模板机制是按照以下流程来寻找模板文件的：

a、category-分类ID.php

b、category.php

c、archive.php

d、index.php

明白了吧？例如心花放的灌水讨论区的分类ID是1，当打开“http://yangjf.com/football/category/watering/”时，系统如果找到category-1.php文件就会使用该模板文件来显示讨论区。

2、制作category-1.php文件

将模板目录下的category.php文件复制生成category-1.php文件（^_^，当然，您可以完全自定义），在这里我主要修改了模板中的The_Loop显示，代码就不列出来了。界面显示风格不一样，代码差异太大：）

以上就是利用WordPress分类模板模拟论坛界面的效果，呵呵，做完以后感觉还挺像的。遗憾的是点击具体文章后的界面不能根据文章分类来自定义，不然就完全可以利用WordPress来打造BBS了：）

如果您有更好的办法或者有啥不明白的，请告诉我：）

]]> http://yangsiwei.com/wordpress-to-create-a-simple-discussion-custom-templates-classification/feed 1 wordpress留言本——利用WordPress自定义字段制作WordPress留言本 http://yangsiwei.com/use-custom-fields-build-guestbook http://yangsiwei.com/use-custom-fields-build-guestbook#comments Wed, 10 Sep 2008 06:02:37 +0000 思为爸爸 http://www.yangjf.com/blog/use-custom-fields-build-guestbook WordPress留言本（留言簿）的制作方法有很多种，可以通过创建一个单独的guestbook.php模板页面，也可以通过WordPress自定义字段来制作WordPress留言本，本篇文章将介绍第二种方法，不仅让你学会如何制作WordPress留言本，而且让您对怎么使用WordPress自定义字段有一个初步印象。

首先，打开page.php页面，在page.php页面中找到类似以下评论的代码：

<?php comments_template(); ?>

如果在您当前WordPress模板的page.php页面中没有这一段代码。没关系，请在您希望显示留言或者添加留言表单的位置将以上代码插入。

其次，将以上代码替换成如下代码：

<?php if ( get_post_custom_values(‘comments’) ) comments_template() ; ?>

最后，创建一个新页面，也就是WordPress留言本页面 ，在该页面中的自定义字段按照下图填写。

wordpress留言本——利用WordPress自定义字段制作WordPress留言本

发布页面，WordPress留言本通过WordPress自定义字段一步就搞定了，WordPress自定义很酷吧，如果您对这样制作WordPress留言本还有什么疑问，给我留言，一起学习：）

]]> http://yangsiwei.com/use-custom-fields-build-guestbook/feed 5 WordPress模板开发—模板制作教程（1） http://yangsiwei.com/create-wordpress-theme-1 http://yangsiwei.com/create-wordpress-theme-1#comments Mon, 08 Sep 2008 12:53:35 +0000 思为爸爸 http://www.yangjf.com/blog/create-wordpress-theme-1 接触WordPress很长时间了，一直都是在使用别人制作好的免费模板（感谢那些无私的WordPress模板开发者！），心底一直期望自己能够早日学会WordPress模板开发方法，假期里因为要给宝贝儿子杨思为改版他的博客，所以自己狠下心去读了一些WordPress模板开发制作的文献，掌握了WordPress模板开发方法。今天又由于某些原因，决定静下心来写WordPress模板开发方法的系列教程，希望对喜欢的WordPress爱好者有所帮助：）

我希望这篇WordPress模板开发制作教程能使那些即使没有任何PHP开发经验的WordPress爱好者都能够开发出自己的模板。如果您掌握以下的知识，将会使您能够更好的理解本教程，这些知识包括：

1、基本的HTML知识

2、DIV+CSS布局

3、PHP程序设计

4、基本的网站管理技术，例如使用ftp上传网页，会安装软件。

呵呵，当然，如果您对这些都不了解，我想只要通过您的努力，亲自动手按照本教程来练习，我想您也是可以学会WordPress模板开发制作技术的。下边就开始我们的WordPress模板开发制作之旅吧！

WordPress模板开发——模板制作准备工作

1、安装WordPress运行环境

要进行WordPress模板开发，首先最基本的一点就是要有WordPress运行的环境，在这里像大家推荐XAMPP，XAMPP是一款将Apache、MySQL、PHP、FileZilla集成在一起的软件，通过安装该软件就可以一步到位的把WordPress运行环境搭建起来，避免了单独安装Apache、MySQL、PHP等软件的烦恼。

XAMPP官方网站是：http://www.xampp.org；

XAMPP可以在各种流行的操作系统下安装，包括xampp for Linux、xampp for Windows、xampp for MAC os x、 xampp for Solaris等主流操作系统。

本教程是在Windows 操作系统下进行演示的，其它操作系统上该软件的安装可以参考xampp官方文档，本教程不做进一步说明。

XAMPP下载地址：http://www.apachefriends.org/download.php?xampp-win32-1.6.7-installer.exe

在2008年9月8日，XAMPP最新的版本是1.6.7，下载保存到本地硬盘中，双击xammp-win32-1.6.7-installer.exe，按照提示完成安装，一直都按照默认的进行，不需要做任何设置。默认条件下xampp将会安装在C盘根目录下，也就是c:/xampp下，如果您更改了该目录，那么下边中涉及到xampp的安装目录都更改为您所设置的目录。

安装完成以后，打开浏览器，在浏览器地址栏中输入：http://localhost/，如果出现了XAMPP的相关信息，那么说明已经安装成功了（呵呵，这里偷个懒，暂时就不截图了）。

2008年10月13日更新：Windows下Xampp的安装方法

2、安装WordPress博客

WordPress官方网站：http://wordpress.org

WordPress官方下载地址：http://wordpress.org/download/

下载最新版本，解压，将解压后的文件夹wordpress里的内容全部拷贝到：

c:/xampp/htdocs/

备注：记得将c:/xampp安装 目录修改为您真实的xampp安装目录

如果提示是否覆盖，选择覆盖所有！OK，距离激动人心的WordPress模板开发制作就差一小步了。

在浏览器的地址栏中输入：http://localhost/phpMyAdmin/

进入到phpMyAdmin管理界面中，创建WordPress的数据库，例如创建数据库“wordpress”，整理选择“utf8_general_ci”，如下图所示：

安装wordPress

点击上图中“创建”，完成wordpress数据库的创建。然后在IE地址栏中输入：

http://localhost/

此时，根据操作，完成WordPress博客系统的安装，对初学者来说，可能需要注意的地方就是在填写数据库配置这一步骤，如果您是完全根据以上教程来操作的（也就是xampp都是采用默认设置），那么在WordPress安装配置这一步骤中，只需将数据库的用户名写成“root”即可。

详细的WordPress安装教程在这里就不再细说了，其实之前不打算在本教程中写如何安装WordPress博客部分的内容，因为该教程的是面向已经拥有WordPress博客的用户：）这部分我将会在今后的WordPress初学者教程中详细描述。

3、PHP代码编辑工具

在这里推荐使用EditPlus或者zend studio，我目前都是使用zend studio进行PHP代码编辑。对于初学者，建议下载一个破解版的EditPlus即可。

EditPlus下载地址：http://www.skycn.com/soft/3641.html

4、 CSS验证以及HTML验证工具

XHTML 验证工具：http://validator.w3.org/；检验您所编写的XHTML代码是否符合WEB标准，符合WEB标准的网页能够被更多的浏览器所阅读，也就能够为更多人提供服务：）

CSS验证工具：http://jigsaw.w3.org/css-validator/；检验您所编写的CSS样式表语法是否符合规范。

5、 DIV+CSS页面布局工具

使用firefox+ firebug进行DIV+CSS页面布局，firebug是firefox浏览器的一个插件，所以先安装Firefox，然后才能安装firebug。

firefox浏览器的下载地址：http://www.mozillaonline.com/

firebug插件的安装地址： https://addons.mozilla.org/zh-CN/firefox/addon/1843

WordPress模板制作—模板开发教程的内容安排

本教程将会以一个宝宝的WordPress模板制作来展开，在决定写这个教程以后发现，自己会和写出来教会别人真的是有很大差距，欢迎各位朋友多提建议和意见：）

  1. WordPress模板制作简介
  2. 思为宝宝博客效果图
  3. 思为宝宝博客首页的制作
  4. 思为宝宝博客文章浏览页面的制作
  5. 思为宝宝博客单页面浏览页面的制作
  6. WordPress模板文件及文件之间的关系
  7. WordPress模板真实时刻
  8. WordPress模板header.php制作
  9. wordPress模板index.php制作
  10. 文章列表显示
  11. 文章具体信息的显示
  12. 文章评论模板的制作
  13. 侧栏（sidebar.php）的制作
  14. 显示单页面列表
  15. 显示博客最近更新列表
  16. 显示友情链接列表
  17. 显示管理选项列表
  18. 显示最近评论信息列表
  19. 地栏（footer.php）的制作
  20. 其它

WordPress模板制作教程各章节的内容将会陆续完善，真心希望对广大WordPress博客爱好者有所帮助：）

该文档最后更新时间：2008年9月9日 剑锋博客

备注：由于最近工作比较忙，《WordPress插件制作开发教程》预计在九月底才能完全推出！

]]> http://yangsiwei.com/create-wordpress-theme-1/feed 10