A、設(shè)計(jì)開(kāi)發(fā)工具介紹:
1.本地WordPress安裝:Xampp(WordPress官方也推薦了這一軟件組合,方便實(shí)用)。
2.代碼:Dreamweaver等網(wǎng)頁(yè)編輯器。
3.圖像:Photoshop、Illustrator、Fireworks之類。
4.版本控制:Google Code。
5.瀏覽器測(cè)試:Firefox+Web Developer Toolbar、Internet Explorer 7、Mutiple IEs(包含可獨(dú)立運(yùn)行的IE3-IE6)
B、安裝 WordPress 在你的電腦上:
下載XAMPP,一直NEXT,假設(shè)安裝到G:\xampp。如果你希望在開(kāi)啟XAMPP的時(shí)候自動(dòng)運(yùn)行Apache和Mysql,那勾選上“Install Apache as service”和“Install Mysql as service”這兩項(xiàng)!需要注意的是,安裝XAMPP的時(shí)候最好把迅雷等可能占用80端口的程序關(guān)閉了,因?yàn)锳PACHE的默認(rèn)端口是80,如果開(kāi)著的話,啟動(dòng)XAMPP后,可能會(huì)運(yùn)行不了APACHE。如果你裝有IIS導(dǎo)致沖突,那可以更改一個(gè)端口。打開(kāi)xampp/apache/conf/httpd.conf,把 listen 80改為其它的端口。如99,8080等等。
下載Wordpress程序,直接把解壓縮后的wordpress文件夾,移動(dòng)到G:\xampp\htdocs\下面。
到瀏覽器里面輸入localhost/phpmyadmin 會(huì)出現(xiàn)mysql的數(shù)據(jù)庫(kù)創(chuàng)建頁(yè)面,輸入一個(gè)名稱,比如”wpdemo“,點(diǎn)”創(chuàng)建“,OK,數(shù)據(jù)庫(kù)搞定。
找到Wordpress文件夾里的wp-config-sample.php,你會(huì)看到下面三行:
define(’DB_NAME’, ‘putyourdbnamehere’); // The name of the database
define(’DB_USER’, ‘usernamehere’); // Your MySQL username
define(’DB_PASSWORD’, ‘yourpasswordhere’); // …and password
把 putyourdbnamehere 改為 你剛才創(chuàng)建的數(shù)據(jù)庫(kù)名稱——wpdemo
把 usernamehere 改為 root
把 引號(hào)里的字符串 yourpasswordhere 刪除,
OK,wordpress配置搞定。
確定開(kāi)著XAMPP并且Apache和Mysql運(yùn)行了(轉(zhuǎn)到你的 xampp 文件夾G:\xampp。雙擊 xampp-control.exe 將會(huì)彈出一個(gè)新的窗口。單擊 Apache 和 MySQL 的啟動(dòng)按鈕。).在瀏覽器里輸入localhost/wordpress,會(huì)出現(xiàn)提示你要運(yùn)行Install.php的頁(yè)面,點(diǎn)擊“Install.php”開(kāi)始安裝。
C、WordPress主題結(jié)構(gòu)介紹——模板文件及其調(diào)用
這些模板文件通常由XHTML和簡(jiǎn)單的PHP代碼構(gòu)成。
我們習(xí)慣性的將網(wǎng)頁(yè)分解為 “頭信息(Header)”、“內(nèi)容(Content)”、“側(cè)邊欄(Sidebar)”、“頁(yè)腳(Footer)”這幾個(gè)主要部分。通常一個(gè)普通的WordPress主題會(huì)包含一下幾個(gè)模板文件:
樣式表:style.css
頭信息模塊:header.php
內(nèi)容模塊:index.php、page.php、single.php、archive.php、search.php、404.php
側(cè)邊欄模塊:sidebar.php
頁(yè)腳模塊:footer.php
評(píng)論模塊:comments.php
搜索表單模塊:searchform.php
在WordPress中,主要的模板文件都有自己專用的調(diào)用代碼:
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();? >
而其他輔助模塊則可以使用相關(guān)語(yǔ)句來(lái)調(diào)用,比如你要在側(cè)邊欄里調(diào)用搜索模塊,就可以在sidebar.php的相關(guān)位置輸入:
<?php include (TEMPLATEPATH . '/searchform.php'); ?>該語(yǔ)句也可用于調(diào)用你自己創(chuàng)建的模板文件。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。