WordPress 後台教學 詳細介紹 一氣呵成

WordPress 後台教學 詳細介紹 一氣呵成

WordPress 後台教學 詳細介紹 一氣呵成

WordPress是一個以PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統。

WordPress具有外掛程式架構和模板系統。截至2018年4月,排名前1000萬的網站中

超過30.6%使用WordPress。WordPress是最受歡迎的網站內容管理系統。

轉自維基百科

WordPress 是什麼?

WordPress

概括地說,WordPress它是一種幫助你創建網站的工具。 你可以將它看成是一種網站操作系統。 就像 Windows處理操作電腦一樣,WordPress 就是處理網站的基本操作。 WordPress 可以幫助你建構幾乎任何類型的網站,從簡單的部落格到企業級電子商務。

 

目前在全球利用WordPress 架設的網站己達到 42.7%

也就是說網路上每五個網站中就有兩個以上使用 WordPress。

而在所有 CMS系統中,WordPress 硬是佔了 65%的市佔率

為什麼全球這麼多人使用WordPress?

WordPress 如此受歡迎的原因 :

  • 免費– 核心 WordPress 軟體 100% 免費。
  • 開源>– WordPress 是一個開放軟體,任何人都可以下載它、查看程式碼、貢獻自己的程式碼等等。
  • 安全– 核心 WordPress 軟體是安全的,受到Facebook 等知名品牌和美國白宮等組織的信賴。
  • 多功能– 你可以使用 WordPress 構建幾乎任何類型的網站。
  • 響應式(適用於所有設備)——無論網站使用者用的是桌上型電腦、平板電腦還是手機,Wordpress都會調整到合適的觀看版型。
  • 使用外掛輕鬆擴充功能<——您可以找到數以萬計的WordPress免費和付費外掛,為您的網站添加新功能。/strong>
  • 使用佈景主題輕鬆自定義– 您可以找到大量免費和付費WordPress佈景主題,以實現網站的完美風格和設計。

WordPress 是如何運作的?

要使用 WordPress 創建網站,首先要在網站虛擬主機上安裝 WordPress 軟體。

安裝完後便可以運行 WordPress 軟體,24/7 供世界各地的訪問者使用。

安裝 WordPress 後,WordPress 會提供兩個高級功能。

首先,它可以使用後端儀表板管理網站的所有內容和設置。

控制台只有你(和其他授權用戶)才能看到。

其次,透過 WordPress控制台中設定所有的網站資料,設定好的資料就會在

前端網站呈現,這就是 WordPress 的內容管理系統 (CMS ) 。

透過這樣的內容管理系統你就可以不用寫任何程式碼完成基本的網站。

例如,你想寫一篇部落格文章,就可以利用WordPress 控制台工具中的文章功能編

寫文章。其中還可以自行設定圖片、基本佈局、增加按鈕等。Wordpress 後台教學 詳細介紹 完整教學

然後,WordPress 會把你所有編寫的內容,變成網站前端的完整部落格文章。
Wordpress 後台教學 詳細介紹 完整教學

使用主題和外掛自定義 WordPress 網站

如果想要自定義你的網站,WordPress 提供了兩種類型可以使用:

  • 佈景主題
  • 外掛

主題模版可讓你更改網站的外觀。你可以像換衣服一樣輕鬆更換主題。

更改網站的主題,網站的所有內容仍然存在,並且網站版型會變的不一樣。
Wordpress 後台教學 詳細介紹 完整教學
外掛

讓你可以為網站增加新功能。

你也可以想成是在手機上安裝的APP程式,只是用在網站上。

核心 WordPress 軟體僅涵蓋創建網站所需的基本功能,要添加其他內容,就必需要

安裝外掛。
例如,要增加聯繫表單?您可以安裝聯繫表單外掛,想要增加即時線上客服功能就要

安裝即時線上客服外掛。

外掛還可以對網站進行重大更改,例如,如果想創建電商網站,就可以安裝

WooCommerce 外掛。

另外,外掛也可以改變網站的控制台管理體驗。例如想要可視化的拖放界面來設計你

的網站,就可以安裝一個頁面構建器外掛。

每個 WordPress 網站都依賴多個 WordPress 外掛。

外掛是豐富 WordPress 最好的東西之一,也是它如此受歡迎的一個重要原因。
Wordpress 後台教學 詳細介紹 完整教學

可以使用 WordPress建構哪些類型的網站?

你可能想知道“WordPress 可以建構哪方面的網站?”

嗯,答案是可以使用 WordPress 來建構幾乎任何類型的網站。

雖然 WordPress 確實起源於一個部落格工具,但它早已演變成一個完整的內容管理

系統,可以使用它來構建幾乎任何類型的網站,從電子商務商店到線上課程、社交

媒體社團等等。

下面是可以使用 WordPress 建構的站點主要類型列表:

  • 部落格
  • 商業宣傳網站
  • 電子商務
  • 會員網站
  • 線上課程
  • 論壇/討論區
  • 社會團體
  • 知識庫
  • 多語言網站

這種靈活性是 WordPress 的優勢。

下圖是使用 WordPress 建構的電商網站示例:
Wordpress 後台教學 詳細介紹 完整教學

為什麼有兩個不同版本的 WordPress?

如果您在 Google 上搜索“WordPress”,可能會在頂部看到兩個不同的結果:

  • WordPress.com
  • WordPress.org

為什麼會有兩個不同版本的 WordPress?

簡單來說WordPress沒有兩個版本——WordPress.com 和 WordPress.org 是不同的

東西,而且只有一個“WordPress”。讓大叔快速說明一下:

什麼是 WordPress “.org”?

WordPress.org 是免費、非營利、開源的 WordPress 軟體之家。

當大多數人說“WordPress”時,他們指的是開源 WordPress 軟體和項目,

AKA WordPress.org。

我們在這篇文章中寫的所有內容都適用於 WordPress .org

雖然 WordPress.com 有一些相似之處,但還是有些不一樣。


什麼是 WordPress “.com”?

WordPress.com 是營利性網站架設服務,只不過是用WordPress.org上的開源軟體

WordPress.com 提供使用 WordPress.org 軟體創建站,並且提供一些架站的外掛工具

等等,但它需要付費才能使用。

換句話說,所有 WordPress.com 站點都使用 WordPress.org 軟體,但並非所有使用

WordPress.org 軟體的站點都在 WordPress.com 上,基本上,大多數使用 WordPress

的網站都不在 WordPress.com 上。

WordPress 的架站費用是多少?

這也是最多人關心的問題 – WordPress 為您製作網站需要花費多少?

老實說費用上有很多變數,WordPress 架站的費用會根據你的意願便宜或是貴。

開源 WordPress 軟體本身是 100% 免費的。

但是,運行 WordPress 會產生一些相關成本,因此想免費運行一個嚴謹的 WordPress

網站幾乎是不可能的。

我們來看看可能遇到的兩個最大成本:

虛擬主機和域名

為了安裝 WordPress 軟體,你需要將其安裝在網站託管虛擬主機上。

雖然可以用一些免費的 WordPress 託管服務,但免費託管實際上僅能於測試。

對於任何類型嚴謹運做網站,大叔唯一建議都要用付費的託管虛擬主機。

而且網站託管虛擬主機的費用都相當的便宜。

例如大叔推薦的Bluehost網站託管虛擬主機 最基本的年費用也差不多只要980元

對於剛開始經營一個網站來說,真的是很便宜的一筆費用

除了託管之外,還需要購買一個域名,這是你的 WordPress 網站在網路上的永久地址。

例如,大叔的網址lagerdasu.com,大叔的這個網站域名一年的費用是780元,因為

lagerdasu並不是什麼英文單字或是熱門的單字所以相對便宜。

而如果你是用熱門的英文單字的話費用就會高出許多,大家可以去Godaddy這個大叔

推薦申請網域的網站,查一下自己想要申請的域名要多少錢,也可以看大叔

所寫的Godaddy教學文章。

外掛和佈景主題

雖然可以找到許多免費的 WordPress外掛和佈景主題,但是免費的有些只能達到

基本要求,如果要更合適的功能都會購費付費版的外掛和佈景主題。

大多數優質 WordPress 主題的費用約為 1600~2500左右,而外掛的價格則從550元

到 2800元以上不等。

綜合成本

如果把所有費用加在一起,創建一個基本簡單的 WordPress 網站,大約需要 3000元

(甚至更少)但是,許多 WordPress 用戶會支付更多費用,特別是如果

正在創建一個專門的網站,例如電商、會員網站、線上課程等。

例如自己架設一個電商網站,大約會在一萬元內。

當然,所有這些都是假設的需求。不同需求可能花費更多或更少。

WordPress後台教學 

什麼是Wordpress後台 控制台

WordPress控制台又叫後台,網頁就叫前台,前後台這種說法來自於以前古早時代

對於系統軟體比如,Erp系統或是Pos系統會計系統等等,有前台前端後台後端的稱呼

而Wordpress後台也就是控制台主要是讓你設定網站的各項功能。

WordPress後台登入網址

就是在你的網站網址後面加上/wp-admin這一段文字比如我的網址是unclehot.com.tw

那就在網後面加上/wp-admin這一段文字變成unclehot.com.tw/wp-admin就可以

連結到wordpress的後台登入頁面了。

控制台介紹

Wordpress 後台教學 詳細介紹 完整教學

整個控制台大叔分成三個部份 :

最上方這排是小工具列,有時候網站安裝的外掛會有功能出現在小工具列

左邊的是主要工具列,所有wordpress的主要操作都在這裡

中間區域是儀表版,會有一些網站的狀態顯示在這區域,可以用拖拉的方式來移動這些

項目,右上方有顯示項目設定,點開來會出現可以開關的項目。
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版

主工具列說明

我們先從左側主功能列來介紹

控制台

下面有兩個小項,分別是首頁以及更新

首頁的意思是控制台的首頁,不論你在控制台的哪一頁

點選首頁就會回到控制台的主頁面,下一個更新就是網站如果有任何外掛要更新

在這裡會有一個紅色小標示出現,標示中的數字就是要更新的項目有幾個。
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版

文章

文章有四個小項
Wordpress 控制台教學 詳細介紹 完整版

全部文章

在中間狀態區出現你的所有文章列表。
Wordpress 控制台教學 詳細介紹 完整版
我們看批次操作這一個選項,這裡可以選擇要批次操作的動作。
Wordpress 控制台教學 詳細介紹 完整版
比如點選編輯文章,然後在下方的文章列表勾選要編輯的文章,之後選擇套用就會跳入

批次編輯模式。
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版
在批次編輯介面就可以選擇要編輯的項目了,如果選擇移至回收桶,文章會暫時丟到

回收桶中,另外還可以透過日期以及分類來篩選文章。
Wordpress 控制台教學 詳細介紹 完整版
最右邊有搜尋欄位,讓你可以用關鍵字搜尋文章,在文章的後面有一個小圖標顯示數字

這代表有人在你的文章裡留言。
Wordpress 控制台教學 詳細介紹 完整版
點圖標會跳到留言內容頁面點選留言資訊欄位的文字,會跳出選項讓你對這篇文章

做可採取的動作。
Wordpress 控制台教學 詳細介紹 完整版
滑鼠移到文章標題時,會出現選項讓你選擇,點選編輯就會進到編輯模式,選快速

編輯會跳出修改頁面讓你做資料修改。
Wordpress 控制台教學 詳細介紹 完整版Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版

新增文章

點選新增文章會跳到文章編輯模式在這裡你可以開始編輯新文章。
Wordpress 控制台教學 詳細介紹 完整版

分類

在分類這一頁可以為文章建立新的文章類別,目的是之後在寫文章時才可以為每個

不同類型的文章指派特定的分類,比如我寫一篇美食的文章,這篇文章我就把它歸類在

“美食地圖”這個分類所以就在名稱的欄位輸入美食地圖,代稱欄可以輸入Food Map

的英文

上層分類這裡可以選擇美食地圖這個類別是在哪個分類之下,如果沒有在在哪個分類之

就選擇”無”內容說明這裡可以稍微描述一下最後點選新增分類在右邊的欄位

就會出現新的分類之後只要依此新增分類就可以了。
Wordpress 控制台教學 詳細介紹 完整版 Wordpress 控制台教學 詳細介紹 完整版

標籤

標籤是為了把文章主題、內容或商品關聯在一起例如我寫了一篇wordpress控制台

教學,我就給這篇文章wordpress新手教學的標籤在關键字的搜尋上可以把這兩個

關聯起來
Wordpress 控制台教學 詳細介紹 完整版

媒體

媒體項目下面有兩個子項目分別是媒體庫及新增媒體

媒體庫

媒體庫這裡會出現我們上傳到網站的所有圖片它負責管理網站裡所有圖片影片音訊

及文件資源

媒體庫的上方有可以讓你選擇排列圖片的方式,也可以依照需求篩選圖片影片資料右邊

也有搜尋欄位可以讓你用關鍵字搜尋圖片
Wordpress 控制台教學 詳細介紹 完整版
點選媒體庫的圖片會跳出圖片的詳細資料,在詳細資料面頁可以讓你修改資料

點選編輯圖片會跳出編輯畫面,一樣也是可以讓你修改圖片
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版

新增媒體

這裡可以讓你把電腦裡的圖片上傳到網站點選選取檔案,然後在電腦裡選擇要上傳

的圖片,選擇好後在點選右下角的開啟,圖片就會上傳到媒體庫了
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版
Wordpress 控制台教學 詳細介紹 完整版

頁面

頁面項目下面有兩個子項目分別是全部頁面及新增頁面

全部頁面

全部頁面會顯示所有的頁面而頁面在wordpress裡就是網站頁面的意思,比如首頁

關於我們頁面 產品資訊頁面等都是在頁面這裡呈現

頁面上方有個頁面狀態列這裡會顯示目前頁面的狀態
Wordpress 控制台教學 詳細介紹 完整版
這裡要特別說明在頁面狀態這裡的回收桶功能在回收桶這裡點選頁面會出頁快捷

選項一個是還原頁面一個是刪除可以讓你選擇就像是windows的資源回收桶一樣
Wordpress 控制台教學 詳細介紹 完整版

新增頁面

會進入頁面的編輯模式
Wordpress 控制台教學 詳細介紹 完整版

留言

這裡會出現我們網站訪客的留言資料跟剛才介紹的文章留言是一樣的,點選留言會

有一些選項讓你選擇要怎麼處理留言
Wordpress 控制台教學 詳細介紹 完整版

外觀

有六個小項可以選擇

佈景主題

可以讓你為wordpress安裝主題模版
wordpress 是什麼?詳細介紹 完整教學

什麼是主題模版?

想像我們現在架設好的Wordpress是百貨櫥窗裡的人型模特兒,佈景主題就是模特兒的

衣服褲子我們可以利用各種各樣的佈景主題,來為wordpress這個模特兒裝飾佈景

主題有免費也有付費的,畫面上方有安裝佈景主題按鈕點選會進入安裝主題頁面

畫面上也有一個大的加號點選也會跳到安裝主題頁面裡面會有一些預設的主題

給你選擇點選頁面中的主題樣式就會開始安裝佈景主題也可以依條件來選擇主題

點選上傳佈景主題可以把電腦裡的佈景主題上傳
wordpress 是什麼?詳細介紹 完整教學

自訂

自訂頁面有很多選項可以讓你對網站做一些設定依照不同的佈景主題自訂的項目

也會不同下面就來一一介紹自訂介面的各項功能。
wordpress 是什麼?詳細介紹 完整教學

變更佈景主題

點選變更可以讓你變更安裝佈景主題不過千萬不要用這種方式來變更主題因為會

造成網站資料錯亂要變更主題最好是在wordpress乾淨的環境下重新安裝佈景主題
wordpress 是什麼?詳細介紹 完整教學

網站識別

第一個標誌可以讓你設定網站logo

第二個可以修改網站的標題

第三個可以修改網站說明也是就副標題

第四個以新增一個網站圖示
wordpress 是什麼?詳細介紹 完整教學

什麼是網站圖示?

我們在瀏覽器瀏覽網站時,網頁旁邊的小圖片就是網站圖示

色彩及深色模式

可以為網站修改背景顏色

深色模式勾選後可以讓訪客透過畫面右下角的按鈕自行切換背景顏色為深色

背景圖片
可以讓設定網站的背景圖

選單

可以為網站設定你的選單列也是就網站的主要Menu點開選單可以為選單做新增刪除

及位置的更動設定

次要選單也是一樣的設定建立選單可以新增一個新的選單列選單位置這一項可以

讓你調整要顯示的選單不過大叔不建議在這裡做選單的修改可以到待會介紹的選單

頁面來修改選單內容

小工具

這裡目前呈現的是頁尾的設定因為目剛架好wordpress所以小工具這裡只有頁尾的

這一項功能

另外不同的佈景主題小工具裡面可以設定的功能也會不同

首頁設定

網站首頁顯示內容有最新文章跟靜態頁面可以選擇

如果是部落格網站的話可以定義首頁要呈現的是最新文章

如果是網站的話可以選擇靜態頁面

點選最新文章的話會自動選擇最新文章來當首頁

選擇靜態頁面就會有兩個選項給你選擇一個是選擇一個頁面來當首頁

一個是選擇一個文章來當首頁一般是只要設定靜態首頁就好文章頁面保持預設

內容摘要設定

這裡可以讓你設定顯示摘要還是要顯示全部內容一般來說都是顯示文章的摘要,所以

保持預設就可以了

附加的CSS

這裡可以添加網站額外的CSS程式碼來自訂網站的內容

接下來我們看到最下面一排
有三個小圖標
分別是桌機模式平版模式手機模式
這三個模式可以讓你在設計網站時
預先看到不同設備上網站呈現的樣式
點選隱藏控制項側邊欄就會收起來
再點一次就會打開

接著我們來看畫面右邉的主要頁面
有很多的鉛筆小圖標點選這些圖標
就會跳到相對應的修改功能讓你可以修改
修改好內容後要點選工具列最上方的發佈
網站的修改才會正式起作用

小工具

會看到小工具的頁面
小工具跟剛才自訂裡的小工具差不多
我們可以再這裡選擇
要在頁尾增加修改或減少功能
不過新版的小工具大叔是真的用不習慣
所以都會另外安裝舊版的小工具Classic Widgets來使用

選單這裡可以為網站建立選單列

在畫面中選單名稱的欄位
為選單輸入一個名稱
例如輸入主選單
接著把下方的主要選單打勾
然後點選建立選單
就會產生選單
接著就可以為選單增加內容了
例如 首頁 關於我們 聯絡我們等等

背景

這裡會直接跳到我們前面介紹的自訂畫面的背景設定
一樣就是可以為網站設定背景圖片

佈景主題編輯器
可以讓你透過修改佈景主題的程式來達到我們想要的目的
因為佈景主題有時候功能並不符合我們的需求
這時就要透過修改程式來達成了
一般如果你不了解程式話這個部份基本上是不要去更動
以免網站無法正常運行

外掛

外掛有三個選項第一個己安裝外掛會列出網站己經安裝的外掛

外掛字樣旁邊的紅色圖標內的數字代表目前可以更新的外掛數量


外掛是wordpress的一個主要特色透過安裝外掛可以為網站增加許多功能
例如woocommerce購物車就是一種外掛軟體
外掛要經過啟動才會產生功能也可以在這一頁把不需要的外掛刪除或是停用
畫面中上方有安裝外掛點進去就會跳到安裝外掛頁面
下方還有全部 己啟用 未啟用 強制使用以及自動更新己停用這幾個類別可以快速選擇
批次操作這裡可以一次性的為外掛做動作可以先勾選外掛名稱的框框
然後在批次操作裡選擇一個項目接著點選套用就可以一次完成了
右上方的搜尋欄也可以讓你利用關鍵字來搜尋外掛

安裝外掛

這裡可以讓你安裝外掛你可以上傳外掛也可以利用搜尋欄尋找外掛安裝

外掛編輯器

這裡跟佈景主題編輯器一樣可以利用修改外掛程式達到我們要的目的

使用者

全部使用者

會列出可以使用網站的人員資料
畫面上方有新增使用者按鈕方便你快速新增使用者
批次操作這裡可以選擇刪除使用者以及傳送密碼重設連結
變更使用者角色這裡可以變更使用者的角色
也可以透過右邊的搜尋欄位利用關鍵字來搜尋使用者
一般來說如果是部落格有訂閱者或是有收會員的網站
在使用者這裡就會比較多人

新增使用者

這裡可以讓你創建新使用者按照內容輸入就可以了

個人資料

這一頁可以為網站使用者做更詳細的設定

工具

可用工具

是分類與標籤轉換程式,可以將我們在文章做好的分類
轉換成標籤讓我們同步使用

匯入程式

這裡有七個程式可以安裝運用大部份是讓你可以將別的網站資料
匯入wordpress以及一個將現有分類轉換成標籤
或將現有標籤轉換成分類的程式

匯出程式

匯出這個網站的文章、留言、自訂欄位分類及標籤等內容
匯出檔案並完成儲存後就可以在其它WordPress 後台使用匯入程式
匯入這個網站的內容

網站狀態

這裡會展示目前網站的整體狀況如果網站有問題這裡會呈現出來並且提供改進辦法

匯出個人資料

將使用者資料以 ZIP 檔案格式匯出並以email通知提出要求的使用者
這個功能的目的是為了符合個資法的規範

清除個人資料

刪除或匿名處理使用者的現有資料也是為了符合個資法的規範

設定

有七個選項可以設定
第一個一般設定是網站的基本設定,這裡比較單純就是輸入一些基本資料
Wordpress 控制台教學 詳細介紹 完整版
第二個寫作是部落格文章的設定,這裡比較要注意的是
必須先建立一個電子郵件帳號可以以用Email發佈文章
Wordpress 控制台教學 詳細介紹 完整版
第三個閱讀是網站內容顯示方式的相關設定
Wordpress 控制台教學 詳細介紹 完整版
第四個討論是管理及顯示留言以及連結至文章/頁面的設定
Wordpress 控制台教學 詳細介紹 完整版
第五個媒體是設定在這個網站要插入文章的預設圖片尺寸長寬上限
圖片也可以完整尺寸插入文章
Wordpress 後台教學 詳細介紹 一氣呵成
第六個永久連結設定
連結至網站頁面及文章的永久性網址
有幾種格式可以選擇
一般建議這裡選擇文章名稱來作為永久連結設定
Wordpress 後台教學 詳細介紹 一氣呵成
第七個隱私權
現在網站都會有隱私權政策的宣告
這裡就可以讓你設定隱私權政策
Wordpress 控制台教學 詳細介紹 完整版

收合選單

點下去工具列就會收起來
再點一次就會展開
畫面最上方有個新增項目
可以快速新增文章媒體頁面及使用者
Wordpress 後台教學 詳細介紹 一氣呵成
最右邊的使用者這裡
可以讓你編輯使用者資料
以及登出網站
Wordpress 後台教學 詳細介紹 一氣呵成

結語 WordPress 是什麼?詳細介紹 完整教學

以上就是 wordpress 是什麼?詳細介紹 完整教學
透過 WordPress後台教學 新手完全攻略 這篇敎學能讓有心想要學習wordpress的朋友能有個概念
往後在開始架設網站就會對控制台介面就會越來越熟悉
以上就是 wordpress架站 本傳的第一篇教學,大家也可以看看大叔網站的其它教學文章

如何創建您的第一個 WordPress 網站

希望大叔的這篇 WordPress 控制台 詳細介紹 完整教學 的介紹文章能讓大家對wordpress有個基礎的概念
如果您準備好深入了解wordpress,可以看看大叔制做的WordPress初學者指南以及我的教學影片
它將引導你一步一步的從零到完成一個可用的 WordPress 網站。

Woocommerce 教學 : 功能全面解析完整版