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