1. 程式人生 > >用wordpress 搭建一個好看的網站(一)

用wordpress 搭建一個好看的網站(一)

   WordPress是一種使用PHP語言開發的部落格平臺,使用者可以在支援PHP和MySQL資料庫的伺服器上架設屬於自己的網站 。通過wordpress平臺,建立一個網站就像佈置自己的QQ空間一樣簡單。

   小仙兒我根據寧皓網的教程,自己總結出了以下文章,希望與其他網站搭建愛好者共同進步學習。

   1.基礎準備

       1.下載wamp(windows下)。wamp的作用就是為了開發一個動態網站或是一個伺服器所需要的一系列的軟體的整合,所以有了wamp,就可以在上面建立自己的網站了。wamp裡面集成了apache,mysql,php。所以用一個wamp就足可以支援我們搭建一個有特色的網站了。下載安裝完wamp之後,啟動wamp,等待圖示變成綠色之後就可以了

             2. 要想寫一個用wordpress平臺搭建的網站,要下載一個wordpress,在wordpress.org這個網站下下載,然後解壓,再把這個解壓後的包重新命名,命名成自己想要的網站的名字,然後放在wamp目錄下的www資料夾中就可以了。

      2. 搭建網站開始

            1.在搭建網站之前,開啟wamp,選中PHPadmin,出現一個頁面之後,選中資料庫選項,來建立一個屬於自己網站的資料庫如下圖                  

            2.現在因為我們已經把解壓好並重命名的wordpress放入wamp目錄下的www中了,所以現在開啟瀏覽器,輸入localhost/網站名,就可以出現wordpress配置介面了。

            3.由於很多傲嬌的小使用者不希望在輸入localhost這個多餘的字元,所以有的使用者想把這個localhost去掉,直接輸入網站名和/就可以出現自己的網站,我們要為此採用虛擬主機的構建

           C:\Windows\System32\drivers\etc配置這個檔案後可以直接在位址列裡面輸入你想要編輯的網站名稱就好了,而不用再輸入localhost了,用編輯器開啟hosts檔案,然後在裡面輸入127.0.0.1  網站名,這個127.0.0.1表示的是本機的ip地址,就相當於本地計算 機,後面的(原來是localhost)就是本地計算機的一個小別名,這就相當於為本地計算機起了一個新名字。這個就是虛擬主機的功能,並沒有完成,還需要開啟C:\wamp\bin\apache\apache2.4.9\conf(不同使用者這個地址是不同的,取決於你的wamp安裝地址)這個檔案,找到httpd.conf這個檔案,在裡面寫上一段代  碼,配置好虛擬主機,告訴Apache,當這個網站名字敲入之後,就是進入這個主機,重新啟動wamp

要寫入的程式碼
Include conf/extra/httpd-vhosts.conf(把這句程式碼前面的#號去掉),並在後面寫下下面的程式碼,根據網站名稱和wamp安裝路徑來更改下面的內容
<VirtualHost *:80>
        DocumentRoot "c:/wamp/www/memorypub"
        ServerName memorypub
        DirectoryIndex index.php
        <Directory  "c:/wamp/www/memorypub">
            Options Indexes FollowSymLinks
            AllowOverride None
            Order allow,deny
            Allow from all
        </Directory>
</VirtualHost>

4.在完成以上步驟之後,直接輸入網站名,就會出現wordpress配置介面,這個配置介面如下圖


 這個資料庫的名字要寫上之前在PHPadmin中生成的資料庫的名字,使用者名稱必須是root,密碼預設就是空白,對於mac使用者,密碼也是root,其他的用預設值就可以了,在填寫完成之後,點選提交,會出現網頁配置介面,這是生成你專屬網站的最後一步,是不是有些小激動呢。

5.完善配置介面

在裡面輸入一些自己私密資訊,之後就可以安裝wordpress了,只是你今後要搭建的網站雛形。

3.基礎元素(文章頁面)

網站大多數顯示給使用者的就是文章和頁面,所以說這個就是我所說的基礎元素,但是有的讀者可能有疑問,視訊以及圖片怎麼處理,其實在某些程度上,視訊只是一個沒有文字只有視訊的文章構成的,同理圖片也是這樣。
上圖就是wordpress的主要編輯的後臺介面,我們可以根據這個介面逐步完善我們的網站,寫文章是第一步,點選文章,選擇新建文章,就可以根據我們的主題來寫一些和網站需要展示給瀏覽者內容的文章了。注意排版特別重要,wordpress的好處就是可以讓我們直接看到預覽情況,windows使用者按Ctrl和檢視文章就可以預覽了。如果想加入屬於自己的css樣式,可以點選文章編輯欄右上角的文字欄(預設選擇是視覺化),就可以看到這個是包括了一些HTML語言的了。我們可以在其中加入屬於自己的樣式和一些自己想要的HTML標籤。 wordpress有一點和好就是可以不用及時釋出,預定或定時傳送為了今後的網站維護和更新提供了很大的方便。 一般文章是動態的,而頁面是靜態的,文章下面可以顯示作者,釋出時間等內容,這些顯示內容是可以選擇的,同樣對這個文章的評論也是可選的。