資源描述：
《wordpress模板制作實(shí)戰(zhàn)教程.pdf》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、wordpress模板制作教程一、模板制作常用軟件：1.1圖像處理軟件PhotoShop(簡(jiǎn)稱PS):下載
2、教程1.2網(wǎng)頁(yè)制作軟件Dreamweaver(簡(jiǎn)稱DW)：下載
3、教程二、需要掌握的語(yǔ)言：2.1XHTML：簡(jiǎn)介
4、教程2.2CSS：簡(jiǎn)介
5、教程2.3英語(yǔ)：僅普通模板制作的話，不需要掌握太多的PHP語(yǔ)言，能看懂單詞是什么意思就可以了。三、開(kāi)發(fā)環(huán)境：建議安裝ApacheHTTPServer，在本機(jī)環(huán)境下調(diào)試模板，這樣，每一次改動(dòng)都可以即時(shí)的反饋出來(lái)。四、入門階段：從修改別人的模板開(kāi)始4.1選擇要修改的模板如果想做自己的主題，建議初學(xué)者先選擇一個(gè)結(jié)構(gòu)類似
6、的主題（三欄？?jī)蓹?？右邊欄？左邊欄？），在他的基礎(chǔ)動(dòng)，參考對(duì)方代碼的同時(shí)，鞏固自己之前學(xué)過(guò)的知識(shí)。等積累了一定的經(jīng)驗(yàn)并熟悉PHP語(yǔ)言后，再自行創(chuàng)建模板。本文以兩欄結(jié)構(gòu)的Sunshine主題為例。4.2設(shè)計(jì)自己的主題假如博主不喜歡黃色為主色調(diào)，我們需要做的是比照“模仿”作品，先用PS設(shè)計(jì)出自己需要的風(fēng)格。4.3制作模板在設(shè)計(jì)的過(guò)程中，我們了解到更改這個(gè)主題，其實(shí)只需要更改幾個(gè)圖片，并調(diào)整sidebar.php到右側(cè)就可以了。先從好改的地方下手，將Sunshine案例中的側(cè)邊欄sidebar.php從左側(cè)換到右側(cè)：用DW（也可以用windows的記事本）打
7、開(kāi)style.css，搜索“#sidebar”通過(guò)之前對(duì)CSS語(yǔ)言的學(xué)習(xí)，可以了解到，搜索結(jié)果中的#sidebar內(nèi)的float:left是控制側(cè)邊欄左浮動(dòng)的，我們?yōu)閒loat:right，并用同樣的方法查找#main，將他的右浮動(dòng)屬性更改為float:left，這樣，側(cè)邊欄就換到了右容區(qū)換到了左側(cè)。注意：不同的主題作者，可能會(huì)應(yīng)用不同的名稱來(lái)定義“側(cè)邊欄”、“主內(nèi)容區(qū)”，如果之前學(xué)過(guò)XHTML，可以在件中查找對(duì)應(yīng)元素的標(biāo)簽。下面開(kāi)始圖片的改動(dòng)：打開(kāi)header.php文件，查找到頭部調(diào)用的圖是”img/header.jpg”，然后用自己設(shè)計(jì)的頭替換掉
8、該文件。用同樣的方法替換掉img文件夾下的“top_bg.jpg”（從style.css文件中，我們可以知道這張圖片的作用是給背景圖）“title_bg.jpg”等文件。在圖片替換的過(guò)程中，導(dǎo)航條的替換稍微有些難度：導(dǎo)航條一共分為3個(gè)部分，“背景nav.gif”“當(dāng)前所在的頁(yè)面nav_hover.gif”和“分隔線nav_img.gif”，細(xì)心片替換完成后，一個(gè)主題基本上就修改完成了。點(diǎn)此查看修改后的主題注意：在圖片替換的過(guò)程中，可以發(fā)現(xiàn)，有些圖片的寬度只有1像素，這是為了提高頁(yè)面加載速度用CSS平鋪背景做的優(yōu)化處理。建議大家同樣的背景圖，切的越小越好
9、。而有些圖片寬度比較大，例如nav_hover.gif，這樣做的當(dāng)字?jǐn)?shù)很多的時(shí)候，可以自適應(yīng)大小，正常顯示。五、進(jìn)階：原創(chuàng)并優(yōu)化主題5.1了解每個(gè)頁(yè)面是做什么的Header模板文件:通常在這個(gè)文件中包含你博客的標(biāo)題（title）和描述（description）。而且它們通常在整個(gè)持一致。Index模板文件：這個(gè)模板文件包含你的日志的標(biāo)題，內(nèi)容（每篇日志的文本和圖片）和日志的元數(shù)據(jù)（指的是的信息，包括誰(shuí)是作者，什么時(shí)候發(fā)表，在那個(gè)分類下，有多少留言等等）。Index.php的改變，取決于你在博客面。Sidebar模板文件：這個(gè)模板文件控制你的頁(yè)面鏈接列表
10、，類別鏈接列表，存檔鏈接列表，blogroll列表和其他Footer模板文件：像header.php模板文件一樣，footer通常不會(huì)因?yàn)轫?yè)面的改變而改變，你可以在這里放置但是通常是版權(quán)信息。（為提升頁(yè)面加載速度，我會(huì)把統(tǒng)計(jì)代碼等載入比較費(fèi)時(shí)間的東西放在這個(gè)文件中最后載5.2常用模板標(biāo)簽及調(diào)用方法：WordpressTemplateTags寫在最后的話：你能做什么，取決于自己學(xué)到了多少。對(duì)知識(shí)掌握的越多、越牢固，能實(shí)現(xiàn)的功能也就越多。這不僅僅是在玩BL精通，這些知識(shí)足以改變自己的生活。精通設(shè)計(jì)，可以做“網(wǎng)頁(yè)設(shè)計(jì)工程師”、“交互設(shè)計(jì)師”、“UI設(shè)計(jì)師”；
11、精通X可以做“頁(yè)面重構(gòu)工程師”、“前端開(kāi)發(fā)工程師”；精通插件制作，可以去做PHP程序員。在Google有一句話，I把一件事做到極致，都會(huì)有所收獲。希望此文能對(duì)您有所幫助。歡迎訪問(wèn)我的博客http://06551.com免費(fèi)分享教程，愛(ài)心接力分享ing!
