分享

WordPress 主题制作指南(一)

 沙漠之子 2008-01-07
A、设计开发工具介绍:
 1.本地WordPress安装:Xampp(WordPress官方也推荐了这一软件组合,方便实用)。
 2.代码:Dreamweaver等网页编辑器。
 3.图像:Photoshop、Illustrator、Fireworks之类。
 4.版本控制:Google Code。
 5.浏览器测试:Firefox+Web Developer Toolbar、Internet Explorer 7、Mutiple IEs(包含可独立运行的IE3-IE6)

B、安装 WordPress 在你的电脑上:

下载XAMPP,一直NEXT,假设安装到G:\xampp。如果你希望在开启XAMPP的时候自动运行Apache和Mysql,那勾选上“Install Apache as service”和“Install Mysql as service”这两项!需要注意的是,安装XAMPP的时候最好把迅雷等可能占用80端口的程序关闭了,因为APACHE的默认端口是80,如果开着的话,启动XAMPP后,可能会运行不了APACHE。如果你装有IIS导致冲突,那可以更改一个端口。打开xampp/apache/conf/httpd.conf,把 listen 80改为其它的端口。如99,8080等等。

下载Wordpress程序,直接把解压缩后的wordpress文件夹,移动到G:\xampp\htdocs\下面。
到浏览器里面输入localhost/phpmyadmin 会出现mysql的数据库创建页面,输入一个名称,比如”wpdemo“,点”创建“,OK,数据库搞定。

找到Wordpress文件夹里的wp-config-sample.php,你会看到下面三行:
 define(’DB_NAME’, ‘putyourdbnamehere’); // The name of the database
 define(’DB_USER’, ‘usernamehere’); // Your MySQL username
 define(’DB_PASSWORD’, ‘yourpasswordhere’); // …and password

 把 putyourdbnamehere 改为 你刚才创建的数据库名称——wpdemo
 把 usernamehere 改为 root
 把 引号里的字符串 yourpasswordhere 删除,
 OK,wordpress配置搞定。

确定开着XAMPP并且Apache和Mysql运行了(转到你的 xampp 文件夹G:\xampp。双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。).在浏览器里输入localhost/wordpress,会出现提示你要运行Install.php的页面,点击“Install.php”开始安装。


C、WordPress主题结构介绍——模板文件及其调用

这些模板文件通常由XHTML和简单的PHP代码构成。

我们习惯性的将网页分解为 “头信息(Header)”、“内容(Content)”、“侧边栏(Sidebar)”、“页脚(Footer)”这几个主要部分。通常一个普通的WordPress主题会包含一下几个模板文件:

样式表:style.css
头信息模块:header.php
内容模块:index.php、page.php、single.php、archive.php、search.php、404.php
侧边栏模块:sidebar.php
页脚模块:footer.php
评论模块:comments.php
搜索表单模块:searchform.php

在WordPress中,主要的模板文件都有自己专用的调用代码:

style.css:<?php bloginfo(’stylesheet_url’); ?>
header.php:<?php get_header(); ? >
sidebar.php:<?php get_sidebar(); ? >
footer.php:<?php get_footer(); ? >
comments.php:<?php comments_template();? >
而其他辅助模块则可以使用相关语句来调用,比如你要在侧边栏里调用搜索模块,就可以在sidebar.php的相关位置输入:

<?php include (TEMPLATEPATH . '/searchform.php'); ?>该语句也可用于调用你自己创建的模板文件。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多