架站勤拿手

21_選單中建立下拉式選項

前言

下拉式選項，實務中有需要才用的到，一般是選單項目過多時，怕選單會換行，或是有一些性質相近的項目可放在一起，就會去設立下拉式選單來收納。

 

設定下拉式選項

作法 :

• 上層盡量用空連結+文字。
• 下層拖拉想要的項目至上層的下方。

這裡就簡單示範一下。

1、建立「更多」空連結並新增至選單

2、建立「粉絲專頁」的連結

3、拖拉「我的賣場」與「粉絲專頁」至「更多」的下方右側

把想要調整成下拉式選項的項目調整好後，並調整一下排序，再按下儲存選單即可。

前台瀏覽即可有下拉式選項的效果

 

19_建立想要的頁面

前言

現在要來利用WordPress的後台資料區來開始建立「頁面」了，我們可以先想好要建立哪些頁面，然後再把這些頁面置入主選單中，這樣訪客就可以切換瀏覽不同頁面的介紹內容。

以簡單的形象網站而言(初學架構暫都不考慮電商功能)，一開始的規劃上可以考慮建立以下的頁面:

頁面名稱	說明
首頁	能放置多樣化的資料，可呈現標語、宣傳文案、近期動態、可摘要呈現其它頁面的內容、問與答等等，發揮巧思去設計。
關於我們	公司的起源、事績、理念、團隊等等的介紹。
服務介紹	公司的服務項目、說明，必要時也可以列出基本方案價。
作品案例	呈現以往服務過的案例照片，可以用純圖片或文章方式呈現。
聯絡我們	放置公司的聯繫方式、交通資訊、留言表單。

 

實作

開始建立上述表格中提到的頁面。

1、路徑 : 頁面/全部頁面

在此可以看到有預設二篇頁面，要先保留或刪除都可以。

請點「新增頁面」。

2、關掉全螢幕模式

 

3、新增頁面:

輸入頁面名稱為「首頁」，右上要存草稿或點發佈，都可，不過稍候我們會把此頁面加入主選單中，所以此處須先點「發佈」(按2次)讓頁面先上線，這樣才能置入在主選單中。

3、修改此頁網址(slug)

由於頁面名稱剛剛是用中文「首頁」來當名稱，故頁面的「網址」後面的呈現預設就是以頁面名稱為主，此時我們可以如下圖，幫網址的呈現上做點修改，以小寫英文相近的單字來重新命名一下，可以適時搭配底線或橫線，不可有空白或特殊字元。

※頁面網址的修改，在WordPress中又可稱之為修改「slug」，有時候把網址slug用有意義或關鍵字來取名，可以小小有助於SEO排名的加分，也能增加能見度 ; 再者，網址若含有中文，當此網址被分享至FB或LINE時就會出現網址亂碼，所以把網址slug的中文名稱改掉就可避免此情形。

4、反覆建立其它名稱的頁面

按照上面方式，把其它頁面也一一建立起來。

 

總結

頁面建立好後，在前台時不會像文章那樣有「文章列表」可以直接被列出來，而是必須把頁面的連結置入「頁首的選單」中，才能被看到被點擊瀏覽喔，所以接下來，下一章節我們就來重新再微調一下主選單的連結。

 

[localwp]電腦本機站如何建立一個WordPress練習環境？

前言

一般而言，如果已經決定好架設一個新網站並開始設計，就不建議用本篇教的「建立本機端」的網站，因為在本機端的WordPress網站與實際架在雲端上的主機的網站，在功能運作上仍會有所差異，例如有時候本機端會無法完全運作出來一些與SMTP收發信相關功能的效果，例如「填寫表單」(因本機端並沒有信件伺服器環境部署、網域也非正式網域)，也甚至本機端所架設好的網站實際上傳至雲端上主機後也可能會有相容性的問題發生，所以只有以下幾種情境您比較適合使用這種「本機端的WordPress網站」。

建議適用「本機端的WordPress網站」的情境 :

• 上課教學、學員練習使用。
• 設計師或工程師在測試一些個別功能或效果時使用。
• 在本機端製作網站並在上傳至正式主機後，若遇運作異常但有能力處理的人。

開始建立本機端的WordPress網站

1、下載「localwp」

至localwp官網下載「localwp」的安裝檔。

loclawp官網 : https://localwp.com/

2、安裝與勾選

請一直下一步的按，直至安裝完成為止。

然後如下面各圖逐一勾選一些無關緊要的選項。

★上圖，安裝路徑改成安裝在「文件」中，不要用它預設在C碟的路徑，比較不會有一些權限不足的問題。

4、建立一個新網站

5、登入網站

到了下圖時，①要先點擊，它會自動產生SSL憑證，也就是網址會變成「https」開頭的。

②是一鍵登入網站後台就不用打帳密，也可以先打開，這樣比較方便。

③因有勾②了，所以這裡的③一點擊就會自動進入網站後台了。

④是瀏覽整個網站前台，即首頁。

至此，整個本機端的WordPress環境就已架設完成了，至於如何開始設計一個新網站，就麻煩回到基本教學章節「12_WordPress後台快速說明」開始看了 。

6、把本機端網站發佈正式主機

因一開始的架站並非直接從申請主機、網域開始著手，而是一開始就先走本機端架站的方式，所以若本機端的網站設計完成後真的想發佈到網路上讓大家看的見搜的到，就仍得去申請主機、網域，然後再用搬家的方式來把網站匯出並至正式的雲端上主機匯入，且須再設定網域對應、SMTP郵件發送等等的細項，並檢查功能、效果的相容性，這樣才能算完成從本地端發佈至雲端的流程。