架站勤拿手

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郵件發送等等的細項，並檢查功能、效果的相容性，這樣才能算完成從本地端發佈至雲端的流程。

06_網域的申請流程(Gandi)

簡介 :

申請一個網域，是整個自架站的第一步。

如果你已經有網域了就不必再申請 !

準備 :

一張信用卡 。

實作 :

1、選擇網域商

我推薦在「Gandi」或「Godaddy」買網域，這些國外網域商的網域，在購買後要與主機伺服器對應DNS的話，會在幾分鐘內立即生效，不用像國內一般的網域商的網域商在更新DNS後要等上24小時，例如中華電信、PChome、智邦等等。

這邊介紹「Gandi」網域商的申請方式。

2、前往Gandi申請

強調一下，Gandi只適合買網域，其它的服務都建議暫先不要買，包含主機服務。

• https://gandi.link/f/079980a6

3、搜尋想要用的網域名稱

輸入想要的網域的ID，按下搜尋後，會出現「ID + 網域後綴」，如果被買走就回上一頁重新再搜一次不同的網域名稱，直至搜到想用且沒有被買走的網域為止。

ID + 網域後綴 = 你的網域名稱

網域名稱，就跟小孩取名字一樣，要好好思考喔，不要急，因網域一買就無法再修改，除非重新再買新的來替換但這樣要多花一次費用喔。

網域命名要點:

• 形音不混淆(例r+n 擇在一起變成「rn」會讓人混淆以為是「m」)
• 好記有含意
• 命名方向 : 品牌縮寫 或 雙單字 或 單字+數字 
• 常以「.com.tw」、「.com」、「.tw」、「.cc」
• 例: mobile01.com、yes123.com

 

你可以把喜歡的網域名稱都先列出清單來，再好好選擇，不用馬上就定案!

 

4、加入購物車

如果沒有被買走的就可以直接加入購物車。(它下方其他加價的服務或項目都不要勾)

費用有時候是跳美金計價有時跳台幣計價，刷卡購買時都會自動換算回台幣。

5、加入會員才能結帳

第一次購買你可直接建立新帳戶。

如果是幫公司申請網域，建議另申請一組公司的公用Gmail信箱來使用，不要綁員工的私人信箱，以免以後離職時造成交接上的問題。

 

 

6、刷卡結帳

用信用卡結帳。

至刷卡這頁我就不再示範下去，因是在寫申請教學，故這邊就不真的刷卡下去了。

7、完成購買

刷卡成功就可以進入網域的設定後台了(後面章節另述)。

此時請先收信，信箱中會有一封信要做信箱驗證(一定要做)，收到信後點下驗證就可以了。

8、信用卡到期日加入Google行事曆

超級重要!!!

請立即打開你的Google行事曆，在信用卡到期日的前一個月提醒自己要進到網域商平台來更換卡片(延展)，否則會不小心讓自己的網域因未繳費而完全消失喔，這樣苦心設計經營的網域與流量就消失了也救不回了，這一點超重要!!!

 

其它說明 :

如果是幫公司申請網域，建議另申請一組公司的公司Gmail信箱來使用，不要綁員工的私人信箱，以免以後時離職造成交接上的問題與產生擁有權的問題。

 

[外掛]整合免費圖庫直接選圖-Instant Images

[外掛]讓網站進入維護模式-Maintenance