2

WordPress教程(二)- 基本操作 – Page

今天我們開始學習使用Wordpress來製作網頁。我們先要去熟習一下Wordpress的基本操作。

在這篇文章,我們會學習到:

- WordPress 基本功 : Page
- 熟習Wordpress基本操作

恭喜你!最沉悶的一部分 - 前期的設置及安裝工作已經做好了!(詳情請看:WordPress教學(一) - 購買網址,伺服器和安裝WordPress)接下來我們便學習如何使用Wordpress來製作網頁!今天的這wordpress教程會學習1個概念 - Page

簡介

如果你的網址是xxx.com
那麼你的Wordpress後台地址便是xxx.com/wp-admin

所謂的後台,就是只有網頁管理員(就是你)才可以進入的地方。Wordpress的後台可以管理整個網站,例如其內容,外觀,甚至各種不同的功能等等。

熟習Wordpress

在上一篇教程的尾段我們已成功地登入後台。現在大家請開兩個瀏覽器,一個是你的網址,一個是你的後台:

1 3

Page

在左手邊是這個後台的主要菜單,首先第一個要學習的概念是Page。

Page用來管理一個網站的每一個內頁。所謂『每一個內頁』 就是他們都有一個自己獨立的網址。例如一個網站的主頁是: xxx.com

在這個網址下,除了主頁,還會有很多其他不同的內頁,例如:

xxx.com/about-us
xxx.com/faq
xxxx.com/contact

從以上可見,每一個內頁都有一個獨立的網址,而這個網址都是在主網址下的。任何人只要在瀏覽器上輸入這個網址,便能去到相應的頁面。

但要留意一點,就是這些頁面並不一定可以讓用家在主頁上找到。如果我們想讓這些頁面在主頁上或在每一頁上都能被人連結到,我們需要把他們放在Menu上(一會講述)。

4
按下All Page,我們可以看見現時只有一頁,叫Sample Page。

6
我們可以按New Page來新增一頁。第一項我們可以填的是標題,我們輸入了 My first page。

而內文我們則填Hello。最後按Publish。

7
我們按下View Page(在標題下面)(請用按右鍵->在新分頁開啟),就可以看見我們剛剛創造的一個連結為 xxx.com/my-first-page的頁。

Permalink在Wordpress就是表示網址連結的意思。

8
回到後台。我們按下’Toolbar Toggle’後發現多了很多選擇: 例如可以設定字體顏色,粗體,斜體,使用h1-h6或p標籤等等。

x
使用h1-h6或p標籤

9
按下link更可以為文字新增連結。

x2
在這個內文編輯器,如果我們按下Text,我們可以直接編輯HTML。

延伸閱讀:基礎HTML教學

如又按下Visual,則會變回原來的模樣- 經瀏覽器演繹後的樣子。

10
按下addmedia,更可以新增媒體,例如圖片,PDF檔案等等。

12
可以直接把圖片拖進去!

在右下角,我們可以選擇圖片的大小和連結。

13
最後,我們做完所有改動後可以按Update。那麼所有改動便會儲存了!

14
最後,我們做完所有改動後可以按Update。那麼所有改動便會儲存了!

15
另外一個概念叫Featured Image。就是一張代表這頁面的相。我們試試按下右下角的Set Featured Image。

16
上載圖片後,我們可以按Set Featured Image。

17
最後按Update。

18
看!Featured Image出現的位置和在內文Add Media圖片的出現位置不同。這完全是由這個theme去決定。

  x2
其實,在後台頁面上有一格格白色底色的一格格,例如Publish, Page Attributes等等。我們叫他們做Metabox。有時候,當你的Wordpress使用了不同的theme後,可能會多一些Metabox。這些Metabox的作用是對頁面做上不同的設定。

你可能會問,為甚麼我做了一個新Page後,出現的介面是這樣?例如現在一個Page的介面是左面有一個sidebar,右面會先出現Featured Image,然後是標題和內容。答案是,這些介面是因應你的theme而畫好的。這些介面,我們叫Page template。我們正在使用的這個theme叫Twenty Fifteen,是我們一開始安裝Wordpress後的一個初始theme,只有一個介面可供選擇,所以看不到Page template的Metabox。但如果我們使用的theme提供多過一個Page template,我們便可以把不同的Page以不同的介面去顯示。

19
最後,我們回到了All Page,可以看見剛剛新建的頁面。再三提示,這裏會裝着這個網站所有的頁面,他們不一定會在主頁出現。因此如果現在到主頁xxx.com,還是會看不到我們新增的頁面。

下回繼續!

WordPress入門(三)- 基本操作 – Post,Menu