wordpress教程 wordpress建站教程

1、準(zhǔn)備環(huán)境首先用wordpress需要系統(tǒng)支持，相應(yīng)的php mysql和apache等環(huán)境。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),臨淄企業(yè)網(wǎng)站建設(shè),臨淄品牌網(wǎng)站建設(shè),網(wǎng)站定制,臨淄網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,臨淄網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

2、這里我們以win系統(tǒng)為例，下載安裝一個(gè)wmap環(huán)境。

3、下載wordpress現(xiàn)在開始了，我們先去網(wǎng)站下載搜索一個(gè)wordpress，建議去官網(wǎng)下載。

4、找到wordpress官方站點(diǎn)，點(diǎn)擊下載wordpress. win版本下載zip格式，linux下載gz格式。

5、準(zhǔn)備安裝下載好wordpress，解壓放到appserver或其他php環(huán)境的www網(wǎng)站目錄下。

6、新建數(shù)據(jù)庫(kù)首先訪問phpmyadmin進(jìn)入數(shù)據(jù)庫(kù)，創(chuàng)建一個(gè)wordpress數(shù)據(jù)庫(kù)。左左舉例而已，你可以改成其他名字。

7、開始安裝：打開網(wǎng)站/wordpress界面，進(jìn)入安裝配置向?qū)Ы缑妫c(diǎn)擊【現(xiàn)在開始】。

8、進(jìn)入安裝。輸入數(shù)據(jù)庫(kù) 用戶名和密碼點(diǎn)擊設(shè)置，提交。

9、驗(yàn)證通過mysql數(shù)據(jù)庫(kù)權(quán)限之后，開始進(jìn)入安裝【現(xiàn)在安裝】。

10、設(shè)置網(wǎng)站信息接下來的界面，配置wordpress定制信息設(shè)置界面。點(diǎn)擊【安裝wordpress】。

11、完成安裝，如果需要登錄，點(diǎn)擊【登錄】。

12、跳轉(zhuǎn)到登錄界面，輸入賬號(hào)密碼即可。

如何創(chuàng)建一個(gè)自定義的WordPress登錄頁(yè)面

1.設(shè)計(jì)一個(gè)引人注目的登錄標(biāo)志

默認(rèn)的WordPress登錄標(biāo)志由尺寸為80*80的“WordPress”字符組成?，F(xiàn)在你需要用你設(shè)計(jì)的標(biāo)志來代替默認(rèn)的，你應(yīng)該事先將一個(gè)存儲(chǔ)格式為.png 的標(biāo)志圖像保存到“登錄”文件夾中，注意你的圖片尺寸可以和默認(rèn)的一樣也可以自定義。然后你要在functiond.php文件的底部加上如下代碼：

標(biāo)志應(yīng)該具有較強(qiáng)吸引力和較高的清晰度。此外，它最好和你的網(wǎng)站相關(guān)并且能告訴用戶你的網(wǎng)站是一個(gè)怎樣的網(wǎng)站。

2.改變標(biāo)志圖像的URL

如果你想要改變標(biāo)志圖像URL并讓它不再鏈接到你的WordPress主頁(yè)，你可以采取如下操作。這里我們以zhuji91.com 為例，你需要使用如下示例代碼去更換你的網(wǎng)站URL。

你也可以通過對(duì)上面的代碼做一個(gè)小的改動(dòng)來更改標(biāo)題標(biāo)簽，具體代碼如下：

3.定制一個(gè)獨(dú)特的樣式表

完成圖像標(biāo)志定制之后，你需要進(jìn)行樣式表的定制。首先，你要?jiǎng)?chuàng)建一個(gè)login_stlye.css 文件然后在一個(gè)你喜歡的編輯器中打開它 。現(xiàn)在在新建的文件中加入如下代碼。

這些代碼能夠幫助你定制背景圖片的尺寸和顏色，登錄標(biāo)簽和登錄表單。里面包含的參數(shù)僅供參考，你可以根據(jù)自己的需要進(jìn)行更改。

事實(shí)上，為了讓改動(dòng)生效，你還要把下面的代碼添加到functions.php文件中.

如何用WordPress定制CSS

二、確定修改重點(diǎn)這里講述的是怎么修改CSS文件,其實(shí)仔細(xì)觀察Wordpress主題模板代碼,不管是index.php首頁(yè)還是page.php頁(yè)面,或者single.php文章內(nèi)頁(yè),你會(huì)發(fā)現(xiàn),其實(shí)大部分主題都只是通過CSS來控制頁(yè)面布局,頁(yè)面本身的代碼基本相同,特別是一些國(guó)外簡(jiǎn)潔明了的優(yōu)秀主題更是如此。當(dāng)我們要修改某部分樣式及結(jié)構(gòu)時(shí),都會(huì)直接打開Wordpress主題模板文件或在后臺(tái)編輯主題,密密麻麻的代碼,就是主題作者自己看了也會(huì)頭暈眼花,所以會(huì)經(jīng)常在關(guān)鍵部位加上一些注釋,php中注釋一般為:css中為:/**XXX**/一般調(diào)整比較常見的是頁(yè)面寬度、文本主體寬度、字體大小、行間距、背景顏色等。通過修改style.css文件都能夠達(dá)到預(yù)期效果(部分主題會(huì)指定CSS文件,只需對(duì)應(yīng)找到控制的CSS文件),部分國(guó)外主題在functions.php中加入加入大量模板函數(shù),這不是本文講述的重點(diǎn)。三、修改Wordpress主題CSS文件下面以Wordpress默認(rèn)主題Twentyeleven修改為例用MozillaFirefox瀏覽器打開網(wǎng)站,首先在要修改樣式的地方右鍵單擊→查看元素。此時(shí)瀏覽器自動(dòng)打開DOM樣式探查器左側(cè)是頁(yè)面html源代碼,右側(cè)這部分就是控制標(biāo)題文字的CSS屬性,當(dāng)然可以自己琢磨著對(duì)照左側(cè)代碼進(jìn)行選擇我們簡(jiǎn)單地對(duì)CSS參數(shù)進(jìn)行調(diào)整,可以實(shí)時(shí)預(yù)覽效果,不管是字體大小,還是背景顏色都如此。例如把color:rgb(34,34,34);調(diào)整為color:rgb(345,34,34);你會(huì)發(fā)現(xiàn)標(biāo)題顏色發(fā)生改變,再加入字體參數(shù)font-size:20px;font-family:微軟雅黑;此時(shí)發(fā)現(xiàn)頁(yè)面中,文章標(biāo)題全部都變?yōu)槲④浹藕谧煮w,字號(hào)為20px,紅色,調(diào)整到滿意的效果后,就應(yīng)該把文件修改進(jìn)CSS文件里。注意:字體如果是要使用微軟雅黑等中文字體時(shí),需要參照CSS中文字體對(duì)照表使用Unicode編碼保存方法有二種一種是對(duì)照代碼右側(cè)位置style.css:745用Dreamweaver軟件或是記事本打開style.css文件找到第745行代碼進(jìn)行修改。另一種是點(diǎn)擊style.css:745自動(dòng)跳轉(zhuǎn)到樣式編輯器,然后選擇保存CSS文件。