網站架設 WordPress：網站優化 從一般設定到媒體管理

14 九月 2024

點擊數: 704

網站架設 WordPress：網站優化從一般設定到媒體管理

當我們安裝好 Wordpress 之後，進入網站後台，可以看到相關介面，現在就一步步來完成網站吧！

WordPress 網站優化、網站架設和網頁設計 是提升網站效能和吸引力的關鍵因素。
WordPress 網站優化 包括提高網站速度、改進SEO策略、壓縮圖像等，這些措施能顯著提升網站的加載速度和網站排名，改善用戶體驗並提高網站的整體效能。
網站架設 則涉及選擇合適的內容管理系統、設計網站結構及配置主機和域名等步驟，讓網站功能完整且符合需求。

ç¶²ç«æ¶è¨ WordPressï¼ç¶²ç«åªå å¾ä¸è¬è¨å®å°åªé«ç®¡ç 網頁設計 則專注於設計吸引人的頁面，透過精心的佈局、色彩搭配和排版來提升網站的視覺吸引力和用戶體驗。

以下為 Wordpress 後台介面

Wordpress ç¶²ç«å¾å°ä»é¢

進入後台介面之後，我們首先要做的是進行網站設定，網站就像一個小baby剛出生，你要給他一個名稱與角色

一. WordPress 網站後台基本設定步驟(一般設定)

1. 點擊右側導覽列的設定->一般

ç¶²ç«å¾å° åºæ¬è¨å®æ¥é©(ä¸è¬è¨å®)

2. 一般設定相關欄位描述如下：

(1) 網站標題(Site Title)：
這是網站的名稱，會顯示在瀏覽器的標籤上，通常也會在首頁的標誌或標題部分展示。

(2) 網站說明 (Tagline)：
一句簡短的描述，概述網站的主要內容或宗旨，通常顯示在網站標題旁邊或下面。
可以在「設定」>「一般」中設定。

(3) 網站圖示 (Site Icon or Favicon)：
這是顯示在瀏覽器標籤上的小圖標，用來代表網站。
要設置，進入「外觀」>「自訂」>「網站標識」，上傳圖示。
尺寸建議設定為100x100px

(4) WordPress 位址(網址)(WordPress Address (URL))：
這是 WordPress 的安裝路徑，即網站的主網址。
如果有需要更改 WordPress 安裝的根目錄，便需調整此項設定。
可以在「設定」>「一般」找到。

(5) 網站位址(網址)(Site Address (URL))：
指向訪客訪問網站時的地址。
如果網站主檔案與公開訪問的文件目錄不同，可以更改此位址。

(6) 管理員電子郵件地址 (Admin Email Address)：
這是用來接收系統通知（如新用戶註冊、網站更新等）以及管理員聯絡e-mail。

(7) 成員資格 (Membership)：
是否允許任何人註冊為網站成員。
如果網站開放註冊，可以勾選這個選項。

(8) 新使用者的預設使用者角色(New User Default Role)：
當有人註冊時，他們的預設角色（如「訂閱者」或「貢獻者」）。

(9) 網站介面語言(Site Language)：
設置網站後端（儀表板）的語言。

(10) 時區 (Timezone)：
設定網站的時區，以正確顯示發布時間。
台灣時區為 UTC+8。

(11) 日期格式 (Date Format)：
設置日期顯示的格式。
例如：2024年9月14日，14/09/2024 等。可以自定義格式。

(12) 時間格式(Time Format)：
設置時間顯示格式，如 12 小時或 24 小時制。也可自定義。

(13) 每周開始日 (Week Starts On)：
設置一周的開始日，通常選擇星期一或星期日。

二. 網站優化及寫作設定與發佈流程

寫作設定 是用來管理文章的撰寫、發佈和通知更新等功能。

ç¶²ç«åªå åå¯«ä½è¨å®èç¼ä½æµç¨

以下是寫作設定的各項欄位說明以及如何設定：

1. 預設文章分類 (Default Post Category)

每次撰寫新文章時，文章會自動被分配到一個分類。
如果沒有選擇其他分類，文章會自動分配到「Uncategorized」（未分類）。

2. 預設文章格式 (Default Post Format)

WordPress 支援不同的文章格式（如標準、圖像、畫廊、影片等），這影響到文章在主題中的呈現方式。

3. 透過電子郵件發佈文章 (Post via Email)

此功能讓我們能透過發送電子郵件來直接發佈文章到 WordPress。
這需要設定一個 POP3 電子郵件帳號，且這個帳號必須高度保密，
因為任何發送至該帳號的郵件都會被自動發佈為文章。

假設我們在外旅遊時，想發佈遊記，我可以拿著手機寫完文章後，
將文章發到MAIL中，這樣我即時不用開啟電腦或網站，
也能隨時隨定發佈文章。

也能使用GMAIL排程來進行發佈。

設定方法：

電子郵件伺服器：填寫 POP3 伺服器的地址，例如「mail.example.com」。
通訊埠：通常是 110，但根據伺服器設置可能會不同。
登入使用者名稱與密碼：這是用於登錄 POP3 MAIL 的帳號和密碼。
設定完成後，任何寄到該電子郵件的郵件都會自動轉成文章發佈到網站上。

4. 電子郵件發佈文章預設分類 (Default Mail Category)

當文章透過電子郵件發佈時，它將自動分配到此處設定的分類。

5. 更新服務 (Update Services)

每當網站有新文章發佈時，WordPress 會通知已註冊的「更新服務」，
讓搜尋引擎和其他內容網站得知網站有新內容。
這能提升網站的搜尋能見度和內容發佈的速度。

設定方法：

在「設定」>「寫作」中，
您可以在「更新服務」區域填入一行一個的服務網址（例如：http://rpc.pingomatic.com/），
WordPress 會自動通知這些網站。

三. SEO 與提升網站排名能見度(閱讀設定)

閱讀設定 用來控制網站的首頁顯示內容、每頁顯示文章的數量，

以及搜尋引擎的可見度等選項。

SEO èæåç¶²ç«æåè½è¦åº¦(é±è®è¨å®)

以下是各欄位的說明與設定方法：

1. 網站首頁顯示內容 (Your homepage displays)

這個選項決定了網站首頁顯示的內容。
您可以選擇顯示「最新文章」或設定為「靜態頁面」。

最新文章 ：
首頁將顯示網站上最新的文章，適合部落格網站。
靜態頁面：
您可以選擇一個固定的頁面作為首頁，適合企業型網站。
需要在下方選擇靜態首頁和文章頁面。

設定方法：

若選擇「靜態頁面」，在「靜態首頁」下拉選單中選擇一個頁面作為首頁。
在「文章頁面」下拉選單中選擇顯示文章的頁面。

2. 網站文章頁面每頁文章顯示數量 (Blog pages show at most)

這項設定決定了文章頁面每頁顯示的文章數量。
例如，如果設置為 10，則每頁顯示 10 篇文章，當有更多文章時，將會顯示翻頁按鈕來瀏覽更多內容。

設定方法：

在數字框中輸入您希望每頁顯示的文章數量，通常預設為 10 篇文章，您可以根據需要調整。

3. 資訊提供中的近期文章顯示數量 (Syndication feeds show the most recent)

此選項控制資訊提供（RSS Feeds）中的顯示項目數量。
當其他網站或應用程式訂閱您的網站時，這個設置將決定他們每次能收到多少篇最新文章。

設定方法：

預設為 10 個項目，可以根據需要增加或減少。

4. 資訊提供中的文章顯示方式 (For each article in a feed, show)

您可以選擇在資訊提供（RSS Feeds）中顯示文章的「完整內容」或「內容摘要」。

完整內容 (Full text)：訂閱者將看到整篇文章的內容。
內容摘要 (Summary)：訂閱者只會看到文章的簡短摘要，
通常是文章的前幾行文字。這樣可以鼓勵讀者點擊進入您的網站以閱讀完整文章。

設定方法：
建議選擇「內容摘要」來增加網站流量，並縮短 RSS 資訊提供的內容長度。

5. 搜尋引擎可見度 (Search Engine Visibility)

這個選項用來阻擋搜尋引擎對網站進行索引。
如果網站正在開發中，或不希望公開時，可以勾選這個選項來阻擋搜尋引擎抓取網站內容。

**注意：**這項設定僅是建議，搜尋引擎可能選擇忽略這項請求。

設定方法：

如果不希望搜尋引擎索引網站，勾選「阻擋搜尋引擎索引這個網站」。
若網站已準備好公開，請確認此選項未被勾選，以便搜尋引擎可以索引並顯示網站。

四. 打造互動性強的網站留言系統(討論設定)

討論設定 用來管理網站上的留言功能、連結通知、以及個人頭像等相關選項。

æé äºåæ§å¼·çç¶²ç«çè¨ç³»çµ±(è¨è«è¨å®)

以下是各欄位的說明與設定方法：

1. 預設文章設定 (Default Post Settings)

這部分管理與文章相關的留言和通知設定：

嘗試通知網站內容中所連結的任何網站：
當您的文章連結到其他網站時，系統會嘗試通知該網站，這稱為「引用通知」(Pingback)。
開放其他網站對新文章傳送連結通知 (即自動引用通知及引用通知)：
允許其他網站通知您當他們連結到您的文章。
開放使用者在新文章中發佈留言：
允許讀者在您的文章下留言。這是全局設定，但每篇文章可以單獨調整留言權限。

設定方法：
根據需求，勾選或取消這些選項。
一般來說，如果希望活躍的討論或互動，可以保留這些選項開啟。

2. 其他留言設定 (Other Comment Settings)

留言者必須填寫 [顯示名稱] 及 [電子郵件地址] 欄位：
強制訪客留言時必須填寫名稱和電子郵件，以減少垃圾留言。
使用者必須註冊並完成登入才能發佈留言：
要求留言者必須擁有網站帳號並登入才能發佈留言，這是更嚴格的留言管理措施。
天後自動關閉文章中的留言功能：
可以設定文章發佈後多少天內允許留言，預設為 14 天，過後將自動關閉留言功能。
顯示接受留言功能 Cookie 的核取方塊：
允許留言者選擇是否保存他們的名稱和電子郵件作為 Cookie 以便未來使用。
啟用最多 5 個階層的階層式留言功能：
允許讀者回覆其他留言，形成階層化的討論串。最多可以設置 5 個階層。

設定方法：
根據網站的互動需求進行調整。如果希望留言管理嚴格，可以開啟登入要求和自動關閉留言的功能。

3. 電子郵件通知時機 (Email Me Whenever)

有人發佈留言時：
勾選後，當有留言發佈時系統會發送電子郵件通知管理員。
有留言等候相關站務人員審閱的時候：
當留言需要審核時，系統會發送通知給管理員。

設定方法：
如果希望即時了解網站的留言狀況，建議勾選這兩項。

4. 留言顯示於網站前端的條件 (Before a comment appears)

留言必須由相關站務人員手動核准：
所有留言需要管理員審核後才能在網站上顯示。
留言者必須曾發佈留言且留言已通過審核：
只有在之前有過被批准的留言的使用者可以直接發佈新留言，而不需要再次審核。

設定方法：
對於留言較為活躍的網站，可以選擇這些條件來防止不當內容的出現。

5. 觸發留言審閱的條件 (Comment Moderation)

當留言中包含 2 個或以上的連結時，系統會自動將該留言標記為待審核。
這是防止垃圾留言的一個有效手段，因為垃圾留言通常包含大量連結。

設定方法：
可以根據需要調整這個數字，通常 2 個連結是合適的設定。

6. 禁止使用的留言關鍵字 (Disallowed Comment Keys)

您可以輸入關鍵字或 IP 位址，一旦留言中包含這些內容，
系統將自動標記為垃圾留言。這可以防止一些不良內容的出現。

設定方法：
將不希望出現的字詞或 IP 位址逐行輸入此欄位。

7. 個人頭像 (Avatar)

這部分控制網站上的留言者或使用者的個人頭像顯示：

個人頭像顯示方式：
勾選後，留言者的個人頭像將會在留言旁邊顯示。
個人頭像圖片分級限制：
可以選擇不同的分級，允許哪些類型的頭像圖片顯示在網站上。
分為 G、PG、R 和 X 級，對應不同年齡段。
預設個人頭像：
如果留言者沒有上傳個人頭像，可以設置顯示一個預設的頭像，
系統提供了多種選項，如 Gravatar 標誌、Identicon、自動產生的圖像等。

設定方法：

預設選擇 Gravatar，但您可以選擇其他風格的預設頭像。

æé äºåæ§å¼·çç¶²ç«çè¨ç³»çµ±(è¨è«è¨å®)

四. 網站優化圖片與檔案管理的最佳策略(媒體設定)

圖片尺寸設定和檔案上傳設定主要控制圖片上傳後的顯示尺寸，以及檔案的儲存方式。

ç¶²ç«åªå åçèæªæ¡ç®¡ççæä½³çç¥(åªé«è¨å®)

以下是各個欄位的說明和設定方式：

1. 圖片尺寸 (Image Sizes)

這些尺寸決定圖片上傳到 WordPress 媒體庫後，自動產生的各種縮放版本。
這樣做是為了讓網站能在不同頁面上使用最佳大小的圖片，而不需要每次都手動調整。

縮圖尺寸 (Thumbnail Size)：
- 寬度和高度的設定分別默認為 150 px。
  這是用於顯示在縮略圖位置的圖片大小。
- 將縮圖裁剪至與上方設定完全相符的尺寸：
  如果選擇了此選項，圖片會被強制裁剪成設定的寬高。
  如果不勾選，圖片將會依照原始比例縮放至最大寬高值。
設定方法：
依據網站設計需求，調整縮圖的大小。
如果您的網站需要一致大小的縮圖，則可以啟用裁剪功能。
否則，保留等比例縮放較自然。
中型尺寸 (Medium Size)：
- 最大寬度和最大高度默認為 300 px。
  這個尺寸用於在文章或頁面中顯示較大，但不是全尺寸的圖片。
設定方法：
若網站內容需要不同大小的圖片顯示，可以調整此尺寸，以便在文章中插入合適大小的圖片。
大型尺寸 (Large Size)：
- 最大寬度和最大高度默認為 1024 px。
  這通常用於顯示較大的圖片，如產品圖片、橫幅或圖示。
設定方法：
如果您的網站有全寬橫幅或大圖顯示，保持此尺寸即可，或根據網站設計需求調整。

2. 上傳檔案 (Uploading Files)

為上傳的檔案建立以年份及月份命名的資料夾：
這項選擇可以自動將媒體文件按照上傳日期存放到對應的資料夾中，方便管理媒體文件。

設定方法：
默認情況下，建議保持這項設定開啟，因為它可以幫助網站管理媒體資源，
特別是當網站上傳了大量圖片或文件時，這種分類會使文件查找和管理更加方便。

總結設定建議：

縮圖尺寸：
如果需要統一的縮圖大小，啟用裁剪選項；否則使用默認的等比例縮放。
中型尺寸和大型尺寸：
依據網站的圖片展示需求，調整這兩個尺寸以匹配您的設計風格。
上傳檔案資料夾分類：
保持此選項開啟，方便管理媒體文件。

五. 網站永久連結設定

永久連結設定讓網站管理員設定文章和分類頁面的 URL 結構。

幫助增進 URL 的可讀性、SEO 排名以及用戶體驗。

ç¶²ç« æ°¸ä¹é£çµè¨å®

以下是各個欄位的說明和設置方法：

1. 永久連結結構 (Permalink Structure)

這部分讓網站管理員選擇網站要使用的永久連結格式，這樣可使文章 URL 更具可讀性並且有助於 SEO。

預設 (Default):
- http://wp.esun.tw/?p=123
  預設使用文章 ID 來生成網址。這種方式雖然功能正常，但不易閱讀，也不利於 SEO。
日期與文章名稱 (Day and Name):
- http://wp.esun.tw/2024/09/14/sample-post/
  包含發佈日期和文章名稱的結構，適合有日期相關需求的網站。
月份與文章名稱 (Month and Name):
- http://wp.esun.tw/2024/09/sample-post/
  只包含年份和月份，加上文章名稱，這種方式有助於日期歸檔，但不如「文章名稱」結構簡潔。
純數值 (Numeric):
- http://wp.esun.tw/archives/123
  僅使用文章 ID 的結構，類似於預設的結構，仍不具備良好的可讀性或 SEO 優勢。
文章名稱 (Post Name):
- http://wp.esun.tw/sample-post/
  最常用的結構，僅使用文章名稱。這不僅可讀性強，還有助於 SEO 提升，是很多網站的首選。
自訂結構 (Custom Structure):
- 管理員可使用標籤來自訂永久連結。例如 %category%/%postname%/，可以生成如下結構：
  http://wp.esun.tw/category-name/sample-post/
  常見的標籤包括：
  - %year%：年份
  - %monthnum%：月份
  - %day%：日期
  - %postname%：文章名稱
  - %category%：分類
  - %author%：作者

建議設置：
大部分網站會選擇「文章名稱」結構 (/%postname%/)，因為它簡潔、易於理解，並且有助於 SEO。
如果您的網站有日期相關內容，例如新聞或部落格，可以選擇「日期與文章名稱」結構。

2. 選用設定 (Optional Settings)

這部分讓您自訂分類和標籤的 URL 結構：

分類目錄起點 (Category Base):
自訂分類 URL 的前綴。
例如，將「topics」設為分類目錄起點，則分類網址將會變成：
http://wp.esun.tw/topics/category-name/
標籤目錄起點 (Tag Base):
自訂標籤 URL 的前綴。
例如，將「tags」設為標籤目錄起點，則標籤網址將會變成：
http://wp.esun.tw/tags/tag-name/