如何安裝、停用、刪除WordPress外掛?

WordPress外掛

想要自己安裝、停用或刪除WordPress外掛?有關於WordPress設定相關的東西,都需要進到網站後台。

安裝WordPress外掛

進到後台後,點擊左側外掛–>安裝外掛,或是點進外掛設定區後,點擊最上方的安裝外掛

截圖 2021 12 19 下午1.30.16
由WordPress後台進入外掛設定區。

進入安裝外掛區後,有兩種方式安裝外掛

  • 上傳外掛:若你有外掛的壓縮ZIP檔,可以直接上傳安裝或更新外掛。
  • 搜尋外掛:以外掛名稱搜尋並安裝外掛。
截圖 2021 12 19 下午1.35.18
兩種安裝外掛方式

上傳外掛

選擇檔案後,點擊立即安裝

截圖 2021 12 19 下午1.40.43
安裝完成後啟用外掛

安裝成功後,再點擊啟用外掛即完成!

搜尋外掛

在搜尋框搜尋外掛名稱,會馬上跑出搜尋結果在下方,並點擊該外掛的立即安裝

截圖 2021 12 19 下午1.43.33
搜尋外掛

會在同一個頁面進行外掛安裝,安裝完成後點擊啟用

截圖 2021 12 19 下午1.44.15
輕鬆安裝外掛

停用及刪除WordPress外掛

欲停用外掛,在外掛設定區找到該外掛點擊停用即可。

截圖 2021 12 19 下午2.23.34
停用外掛

停用外掛後,即可刪除外掛

截圖 2021 12 19 下午2.54.02
刪除外掛

一次性設定的外掛,若設定完成後就可以先停用,可以減少網站載入的時間。

延伸閱讀:

什麼是網站域名、網域?5項重點告訴你

域名

域名可以說是一個IP位址的代稱,目的是為了便於記憶後者。例如,rab.tw 是一個域名。人們可以直接存取 rab.tw 來代替IP位址,然後域名系統(DNS)就會將它轉化成便於機器辨識的IP位址。這樣,人們只需要記憶 rab.tw 這一串帶有特殊含義的字元,而不需要記憶沒有含義的數字。為了讓瀏覽網站更容易,「域名」的概念便應運而生。有了網域,使用者不再需要記憶IP位址,而是透過輸入域名來找到網站,就像在手機通訊錄裡輸入聯絡人名稱,就可以找到相對應的電話號碼一樣。

根據Domain Name State統計,截止2021年,已有超過10億個域名被登記註冊。

域名
什麼是網站域名、網域?5項重點告訴你 12

域名與網址

他們之中有微小的差別,網址代表網頁在網站中的位址,所以一個網址只會對應一個網頁,但一個網域下可以有很多網址。例如,RAB瑞布科技 首頁的網址為 https://rab.tw,而快速架站頁的網址是 https://rab.tw/build-web-fast/  。雖然網址不一樣,但不論是「首頁」還是「快速架站頁」,網域都屬於 rab.tw ,因為這兩頁對應到同一個網站,只是在網站中的不同位置。因此網址不一樣,但有相同的網域。

域名與DNS

域名的核心是域名系統(英語:Domain Name System,縮寫:DNS),域名系統中的任何名稱都是域名。在域名系統的階層中,各種域名都隸屬於域名系統根域的下級。它作為將域名和IP位址相互對映的一個分散式資料庫,能夠使人更方便地存取網際網路。

域名由什麼組成?

世界上有數以億計的網域,若要使網域名稱系統正常運作,需要一定程度的管理,而通常是由「網際網路名稱與數字位址分配機構」 (ICANN) 或者是管理局 (Registry) 來負責制定網域運作規則。其中,網域名稱的組成規範以及生命週期,是在申請網域時必須要先瞭解的。

域名是由主網域和頂級域 (TLD) 所組成的,一般的網域名稱前面會依照架站的喜好加上主機名稱。

子網域/主機名稱

www是可以自行設定的主機名稱,非註冊域名的主體,也是我們所稱的子網域,亦可使用shop、info等作為子網域,也可以不要使用子網域。

主網域

主網域也就是我們註冊網域時需要取名的部分。通常由數字0-9、英文字母a-z及特殊符號「-」所組成,且大部分的企業主網域名會和商標或提供的服務及產品有關。另外,現在也有「國際化域名」 (簡稱IDN),依據所選擇的頂級域,不只可以使用英文,也可以使用中文、法文、俄文等不同語言來組成主網域名稱。

頂級域

.com、.com.tw 就是頂級域,頂級域可大致分為三類:

  • 國家頂級域名 (ccTLD)
    由國家或地區名稱縮寫的 2 個字母組合而成,並且由各個國家的域名管理機構進行管理(例如,.tw、.jp、.us)。台灣的域名管理機構為 TWNIC 財團法人台灣網路資訊中心 (Taiwan Network Information Center),域名類型有 .tw / .com.tw / .org.tw / .club.tw / .ebiz.tw / .idv.tw。
  • 通用頂級域名 (gTLD)
    一般常見的 .com / .net / .org / .edu 等,都是屬於通用頂級網名,這類的域名由網際網路名稱與數字地址分配機構 (IANA) 管理。
  • 新通用頂級域名 (New gTLD)
    這是網際網路名稱與數字位址分配機構 (ICANN) 在 2012 年增加的第三種網域名稱,「新通用頂級域名」採用各行業常用的特別字,例如:.book、.shoes、.food、.bike等等,讓企業可以使用與產業相符的域名註冊企業網址,可以更清楚地讓客戶知道這個網址代表的含義。

每個頂級域都有各自的管理局,並負責制訂該頂級域的生命週期,以及註冊、續用等的價格,例如「.com」的管理局為Verisign,「.com.tw」與「.tw」的管理局為TWNIC。

而域名由於有使用期限,到期後若要再使用則必須續用,因此規定了域名從被註冊到到被釋放為止的生命週期。依照頂級域的不同區分為兩種類型。新通用頂級域 (New gTLD) 與通用頂級域 (gTLD) 的生命週期類似,一般情況下,域名都會依序經歷註冊期、續約期、續約寬限期 (凍結期)、高價贖回期、刪除期;但國家頂級域 (ccTLD) 則沒有贖回期,且會因各個國家管理局的不同而有不同的註冊續約規定。

如何檢查網域是否有人正在使用?到期日?

who.is
who.is

WHOIS 網域資料庫是所有已註冊網域的清單,經常會用於各種法律用途。網路管理員會使用 WHOIS 查閱找出問題並加以解決。例如,WHOIS 資訊可用於查詢網域名稱的可用性、辨識商標侵權,並且讓網域名稱註冊商負起合宜之責任。

WHOIS 驗證甚至可用來打擊垃圾訊息或詐騙活動,因為管理員可以追蹤張貼違法內容或參與網域釣魚詐騙的註冊人。此外,全球網域名稱管理機構 (ICANN) 協議還可保護網域註冊人,禁止將 WHOIS 清單用於行銷或發送垃圾訊息等用途,包括對特定註冊商或註冊處系統進行大量自動查詢(此等查詢若是用來管理網域名稱,則不在此限)。

可以利用 https://who.is/ 查詢網域等相關資料,需多域名商也在它們的網站中增加 WHOIS 搜尋功能,例如,GodaddyGandi。在這幾個網站的WHOIS搜尋處輸入網址就可以知道現在這個網域有沒有人使用,如果有的話是誰擁有這個網域,到期日是什麼時候等等相關資訊。

.tw須申請的特殊域名

有些特殊的網域,只授權相關單位使用,在申請時須注意一下。

  • .edu.tw
    已立案之教育及學術機構,授權教育部辦理。
  • .gov.tw
    依法設立之政府機關,授權國家發展委員會辦理。
  • .mil.tw
    依法設置之國防軍事機構,授權國防部辦理。
  • .net.tw
    依電信法取得第一類電信事業特許執照或第二類電信事業許可執照者、依電信管理法登記之電信事業或其網路設置計畫經核准者、或具有網路建(架)設許可證者。
  • .org.tw
    我國依法登記之財團法人或非營利社團法人;外國非營利組織依其本國法設立登記者。

資料來源: TWNIC 財團法人台灣網路資訊中心 、維基百科、Domain Name Stat

延伸閱讀:

快取(cache)是什麼?清除快取網站會怎樣?

快取

快取(英語:cache),凡是位於速度相差較大的兩種硬體之間,用於協調兩者資料傳輸速度差異的結構,均可稱之為快取。不僅在CPU和主記憶體之間有快取,而且在記憶體和硬碟之間也有快取(磁碟快取),乃至在硬碟與網路之間也有某種意義上的快取──稱為Internet臨時資料夾網路內容快取等。快取在整個網站應用中無所不在,可以存在於瀏覽器、DNS、伺服器、資料庫、靜態資源、CPU、記憶體。

從網站使用的方向來思考的話,快取是網頁加載的方式。首先是使用者的電腦及瀏覽器,在送出請求前,會先確認是否有本地快取(也就是我們清除快取在清除的東西),如果沒有或是快取過期,瀏覽器才會真正送出請求。

為什麼需要快取?

Web Caching Diagram
快取如何減少頁面交付時間。(圖片來源:wpmudev

快取的主要目的是速度,快取可能是唯一直接影響頁面速度得分的東西,亦可減少伺服器負擔

快取 = 更快加載頁面 = 更好的頁面速度得分。

然而,有一個權衡。為了節省時間並加快速度,快取需要存儲。因此,更快地交付頁面的更少計算時間意味著更多的伺服器空間來存儲緩存的頁面數據。

快取的種類

網站快取、頁面快取

網站快取,也稱為 HTTP 或頁面快取,是一種在首次加載網頁時臨時存儲網頁、圖像和類似媒體內容等數據的系統。它記住內容,並能夠在每次再次訪問網頁時快速加載內容。

這是一種客戶端緩存,這意味著緩存完全由最終用戶負責和控制。網站只有有限的管理客戶端緩存的方式,它可以告訴快取將保存的數據存儲多長時間。

這樣,內容不經常更改的頁面可以設置為較久的未來過期。但是,經常更改圖片的頁面可能會被要求更早或在頁面更新時過期。這確保最終用戶可以定期看到新鮮內容,可以從快上中加載未更改的頁面,以加快加載頁面所需的時間。

瀏覽器快取

瀏覽器緩存是一種內置於最終用戶網站瀏覽器中的站點緩存。網站元素由瀏覽器存儲在訪問者的電腦上,並與與您的內容相關的其他文件分組。瀏覽器快取可以包含 HTML 頁面、CSS 樣式表、JavaScript 腳本、圖像和其他多媒體內容。

瀏覽器緩存與網站快取重疊,因為它們都是客戶端系統。主要區別在於瀏覽器而不是最終用戶控制緩存,所有瀏覽器都有一個快取,無需用戶干預即可清除舊文件。

如前所述,網站可以與用戶的瀏覽器進行通信。因此,當頁面更新並且緩存中存儲的內容已過時時,瀏覽器知道它應該清除舊內容並將更新保存在其位置。

最終用戶還可以隨時手動清除瀏覽器的緩存。

伺服器快取

伺服器快取是一種與網站緩存相關的類型緩存,除了不是將內容臨時保存在客戶端,而是存儲在網站的伺服器上。伺服器緩存也完全在伺服器上處理和管理,無需最終用戶或瀏覽器的任何參與。

伺服器快取的類型包括但不限於:

  • 對象緩存:將數據庫查詢存儲在伺服器端緩存中,以便在後續頁面加載時快速檢索。
  • CDN 緩存:內容分發網路 (CDN) 是一組分佈在世界各地的伺服器。它們快取使用最接近最終用戶的伺服器加載的內容,以實現更快的加載時間。
  • 操作碼緩存:PHP 代碼在每個請求之間編譯,然後存儲在快取中,以便在重複頁面加載時更快地執行。

CDN是什麼?

內容分發網路(英語:Content Delivery Network或Content Distribution Network,縮寫:CDN)是指一種透過網際網路互相連接的電腦網路系統,利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。

內容傳遞網路的總承載量可以比單一骨幹最大的頻寬還要大。這使得內容傳遞網路可以承載的使用者數量比起傳統單一伺服器多。

同時,將伺服器放到不同地點,可以減少互連的流量,進而降低頻寬成本。

我們拿的資源如果被放在 CDN,那麼我們就會連到最近的 CDN 節點取得資源;這些 CDN 節點對於伺服器來說,也算是一種內容快取;另外,在請求傳遞到伺服器的過程中,可能會經過路由、代理伺服器、負載平衡器等設備,這些也都是可以暫存資料的地方;最後請求真的到伺服器時,伺服器如果需要向其他外部服務取得資源如 DB、API 等等,也可以透過快取的方式來儲存常用資料。

使用快取要注意甚麼?

  • 快取生命週期
    快取生命週期設定也很重要,設定太短的話會造成資源耗損太多,設定太長的話會需要手動更新。
  • 預先載入 (preload)
    在登入網站前,可以先去爬連結,將快取生成,使用Sitemap爬蟲。
  • 動態資源要排除(例如,會員資料、購物車
  • 有更新靜態資源要記得清除(css/js/圖片
    若有更新靜態資源,記得可以先清除快取,重新載入網站。

沒有設定好快取有可能會跑版,網頁載入有先後順序,須透過專業知識去調整。

清除這類資訊後會有什麼影響

清除快取和 Cookie 後:

  • 網站上的部分設定會遭到刪除。舉例來說,假設您曾登入某個網站,您必須重新登入。
  • 系統必須重新載入圖片等內容,因此部分網站的載入速度可能會變慢。

什麼時候需要清除快取?

有時候會碰到這個狀況,網頁來回修改中,網頁設計公司說都已經改好了,但打開瀏覽器看卻還是上一版或是版型跑版,又或是電腦看已經是更改好的版本,但打開手機網頁一看,卻是錯誤的設計?

這時候就可以清理一下快取!快取通常儲存於硬碟、伺服器等裝置,在一定時間內只會更新一次,造成即時的網頁其實已經更改了,看起來卻沒有作用。

清理快取不會對網站造成任何負面的影響,也不會有頁面因此消失,也不會清了快取網頁就跑版,可以放心地清除快取。

瀏覽器清除快取-官方說明

這邊附上一些瀏覽器官方建議的清除快取方式

資料來源:Google帳戶說明、維基百科、Types Of Web Cache: WordPress Caching And Page Speed Demystified

延伸閱讀:

4 步驟設定 WooCommerce折價券

WooCommerce折價券

WooCommerce 作為WordPress強大的商店網站外掛,可以設定的功能及服務非常多,折價券就是其中之一。

每到促銷時刻、購物節日,或是與藝人、網紅合作,電商網購平台總是有眾多折價券供消費者使用,讓人有種買到賺到的感覺!折價券可以搭配組合各種行銷活動,幫助電商提高營業額。

折價券也可以用在電子郵件行銷,寄發折扣碼給潛在會用顧客,增加購買回頭率。

哪裡設定WooCommerce折價券?

先進入你的購物網站後台,在側邊欄位的行銷–>折價券,可以新增及修改折價券。

截圖 2021 12 16 下午4.58.51
網站後台進入設定折價券的地方。

開始新增商品折價券

折價券命名及說明

第一步要先為你的折價券命名,這裡的代碼就是你會提供給顧客的折扣碼,以英文+數字組合而成。

若不知道如何命名,也可以點擊產生折價券代碼,系統會自動產出代碼。

說明的部分是寫給自己看的,以免你忘記這個優惠碼的功用(例如:某商品優惠折扣100元),可以依照設定來填寫說明內容。

截圖 2021 12 16 下午5.03.56
新增折價券

一般設定

截圖 2021 12 16 下午5.08.57
折價券一般設定

折扣總類+折價券金額

  • 百分比折扣
    所有商品,依設定的百分比打折(不包含運費)。
    例如,折價券金額輸入10,就代表全部商品打9折(也代表總價打9折)。
  • 固定的購物車折扣
    折抵指定的金額(扣除金額不包含運費)。
    例如,折價券金額輸入250,代表購物車裡的商品總價會折抵250元。
  • 固定的商品折扣
    不限種類的每件商品,都享有固定的折扣金額(扣除金額不包含運費)。
    例如,折價券金額輸入30,購買項鍊*1、戒指*2、耳環*1,共4件商品,這樣總共折抵30*4=120元。

允許免運費

可以設定免運的折價券,需啟用免費運送的物流方式。

折價券到期日

設定有效期限。設定前請先前往後台設定 –> 一般,確認網站時間為台灣時區(UTF+8)

使用限制

截圖 2021 12 16 下午5.59.54
設定該折扣碼相關的使用限制
  • 最低消費
    此欄位讓你設定至少要花費多少才能使用折價券。
    例如,可以設定滿千折百的折扣碼,最低消費就要設定1000,最高消費設定1999。
  • 最高消費
    此欄位讓你設定使用折價券時的最高消費額。
  • 限單獨使用
    如果折價券不能與其他折價券合用的話,請勾選此項。
    例如,若同時有免運券及其他折扣碼時,可以限制只能擇一優惠券使用。
  • 排除特價商品
    如果不允許折價券用於特價項目的話,請勾選此項。每個項目的折價券只能用在非特價項目,每個購物車的折價券只能用於沒有特價項目的購物車。

若要套用「固定的購物車折扣」

  • 商品
    請加入適用此折價券的產品 (將這些產品加入購物車)。
  • 排除商品
    請移除不適用此折價券的產品 (將這些產品從購物車移除)。

若要套用「固定的購物車折扣」

  • 商品分類
    請加入適用此折價券的產品類別 (將這些產品類別加入購物車)。
  • 排除分類
    請移除不適用此折價券的產品類別 (將這些產品類別從購物車移除)。

允許的電子郵件限制 – 可以使用優惠券的一個或多個電子郵件地址,會根據客戶的帳單電子郵件進行驗證。 可以使用星號 (*) 來比對電子郵件地址的其中一部分,例如使用「*@gmail.com」比對所有 gmail 地址。

使用電子郵件限制時,一般使用者(非指定電子郵件)是可以填寫這個優惠券的,但一旦您在結帳並想要下訂單,您就無法使用優惠券進行此操作,它會出現刪除優惠券的訊息。

因為 WooCommerce 中優惠券的電子郵件限制是在結帳時檢查客戶的「帳單電子郵件地址」。因此,如果您在購物車頁面上使用優惠券,它將被應用(考慮到您尚未登入並且您的帳單電子郵件尚未保存在網站上)。

使用上限

截圖 2021 12 16 下午6.11.01
使用上限設定
  • 每張折價券的使用上限
    這張折價券被使用多少次之後就會失效。
  • 每一使用者的使用上限
    每個使用者可以使用這張折價券的次數。依據訪客結帳時所填寫的電子郵件,或有登入的顧客的使用者帳號。

可以設定限時限量的折扣優惠券,掌握折價券的使用狀況。

免運折價券設定

需要先到WooCommerce–>設定–>運送方式 開啟免運折價券。

截圖 2021 12 16 下午10.08.05 1
編輯欲新增免運折扣碼的區域

點選新增運送方式,新稱免費運送選項。

截圖 2021 12 16 下午10.09.50
新增免費運送選項

點選編輯免費運送

截圖 2021 12 16 下午10.10.44
有幾個選項可以選擇
  • 一個有效的免運費折價碼
    若沒有其他限制,可以選擇這個選項,只要有該折價碼,就可以免運。
  • 最小訂購金額
    例如,單筆滿1,500元即免運,不需其他折價碼。
  • 每筆訂單的最小金額或使用折價碼
    例如,單筆滿1,500元或使用免運折價碼都可以享有免運服務。
  • 每筆訂單的最小金額及使用折價碼
    要滿最小訂購金額及使用免運折價碼,才可以免運。

這邊可以任意選擇符合你的行銷活動的設定。

截圖 2021 12 16 下午10.18.26
4 步驟設定 WooCommerce折價券 26

再回到行銷–>折價券設定你的免運折扣碼,只要勾選允許免運費,金額的部分填寫0就可以了。

來測試看看,在結帳頁面時填寫免運折扣碼「free20211231」,就可以獲得免運囉!

截圖 2021 12 16 下午10.20.44
4 步驟設定 WooCommerce折價券 27

還有其他折價券的疑問嗎?歡迎詢問我們唷!

資料來源:Free Shipping

延伸閱讀:

Google Search Console 顯示偵測到「noindex」標記

noindex

如果想避免某個網頁或資源顯示在 Google 搜尋中,可以在 HTTP 回應中加入noindex中繼標記或標頭。這樣一來,Googlebot 下次檢索該網頁並看到 noindex 標記或標頭時,就會將該網頁完全排除在 Google 搜尋結果之外,不論是否有其他網站連結到該網頁,結果都一樣。

但如果是 Google Search Console 顯示偵測到「noindex」標記,可能是 Googlebot 誤判或先前加上的標記忘記拿掉,這時候該怎麼處理呢?

使用網址檢查工具檢查noindex

無論是加上還是拿掉noindex標記,Googlebot 必須檢索您的網頁才能看到中繼標記和 HTTP 標頭有沒有存在。如果有網頁仍顯示或未顯示在搜尋結果中,可能是因為我們在您新增或拿掉標記後還未檢索過該網頁,您可以使用網址檢查工具來要求 Google 重新檢索網頁。

截圖 2021 11 14 下午11.14.52
網址檢查工具

貼上您要檢查的網址,並要求重新索引該網頁。

google search console-1
要求建立索引

使用外掛 Rank Math 做設定

若您是安裝 Rank Math 來進行 SEO 相關設定的話,您也可以輕鬆在編輯文章後台設定index/noindex。

截圖 2021 11 14 下午11.22.39
Rank Math設定
  • 點選分數按鈕
  • 中間工具箱Advanced
  • Robots Meta區進行設定

如果出現 Google Search Console 的警告,也可以先檢查一下編輯文章後台的 Rank Math 設定唷!

檢查 WordPress 設定

在 WordPress 後台設定–>閱讀的地方,別忘了要取消勾選搜尋引擎可見度「阻擋搜尋引擎索引這個網站」

網站製作中的時候我們會勾選「阻擋搜尋引擎索引這個網站」,這樣正在製作的網站不會被別人從 Google 搜尋到,是一種相對比較有隱私跟安全的做法,在網站上線時會取消勾選這個選項。

WordPress後台教學 1 1
搜尋引擎可見度設定

延伸閱讀:

網頁製作流程 4 步驟大公開

網頁製作

想要架設網站該怎麼開始?需要做什麼準備?網頁設計視覺該怎麼做?該架設哪種網站才好?為什麼大家都用WordPress架設網站?什麼是SEO?網站架設的費用是多少?面對架設網站是不是一頭霧水,很多疑問呢?

網頁製作、網站設計是無中生有的過程,會經歷網站規劃、網頁設計、網站建置、測試校稿、SEO調整上線、驗收完成等流程。我們將介紹架設網站的前置作業,需要做什麼準備工作?以及網站製作專案啟動後的階段流程,一起來看看吧!

網頁製作流程|前置作業

undraw Responsive re e1nn
網頁製作流程 4 步驟大公開 37

不論是個人網站或公司網站開始製作前,都需要一些事前的準備,以利架設網站順利進行。自己架站或是找網頁設計公司架站,都可以先好好規劃一下,規劃過程中可以更清楚網站設計的方向以及網站內容,在開始架設網站後可以有效溝通。

網站規劃相當重要,(可以先看看這篇文章:網站規劃怎麼開始?如何規劃網站內容、架構?)架設網站前需要做好網站規劃的功課!才能了解架設網站的目的、想要呈現的樣子,進而跟網站架設公司討論,在討論的過程中,應該要能夠想像網站未來的樣子,而不是眼前模糊一片。

  • 準備網站架構表 – 規劃網站所需的全部頁面,請準備好所需網站架構的頁面名稱、頁面,網站架構表代表整個網站設計的工作範疇,有了網站架構表,除了讓網頁設計公司可以比較好報價,間接了解你的網站有沒有需要客製化功能…等等之外,在開始架設網站時,也有利你追蹤網站架設的進度,或進行檢查確認。
  • 構想域名、了解主機方案域名即是你的網站的網址,可以先想個兩三個,並排出優先順序,如果優先的域名已被使用,可以選擇其他方案。域名及主機是每年維護網站的成本,可以先大概了解一下方案及費用,很多網頁設計公司也提供包含域名、主機的優惠架站方案
    不是網站架設好之後一切就結束了,每年還是有固定的支出費用(域名、主機),因此你應該想清楚網站未來的規劃,準備好維護的預算,才能讓網站長長久久地在網路世界中生存下去。
  • 準備參考網站、網站設計範例 – 網頁設計的需求品質與風格很難用口語或文字表達,你可以準備網站參考的視覺範例來進行溝通、想像。
    提供網頁設計參考範例可以讓網站設計公司更加了解你的網站想要呈現給使用者的風格及品質,或若要自己架站的話也有更明確的方向,而不是像無頭蒼蠅毫無頭緒。
    視覺設計是網站很重要的一環,可以讓使用者一秒決定該繼續瀏覽或是離開網站,可以從個人、品牌風格去發想、設計,不管是簡單或是華麗,確定設計風格之後,就從這裡去延伸,避免胡亂添加天差地遠的元素。
  • 提出預算範圍 – 網站製作的預算範圍可以從幾千元到百萬以上,提出你的預算範圍有助於讓網頁設計公司評估你的預算是否能達到你的期望。必須了解網站預算,才能知道能打造什麼樣的網站,硬體設備、軟體設備、網頁設計、功能工程、人力、時間…都是金錢,都是必須評估的範圍。
    預算低也有願意承接的接案者,但你必須評估,他做出來的成品是否是你能接受的?可以先看過作品集等等,避免花了冤枉錢。
  • 決定網站上線時間 – 網站建置通常有一定的時程,尤其是有客製化功能的網站,或製作細節比較多的網站,也會花較多時間。有了確定的網站上線時間,可以讓你或網頁設計公司安排製作時程及進度,更有效率的完成網站架設。
    沒有設定明確的上線時間,可能製作過程會幫雙方拉得很長。若沒有上線時間也要規劃好網站的架設時程表、來回溝通修改的工作日,能讓製作網站更為順利。

前置作業都準備好了,就可以開始找網頁設計公司進行報價,尋找報價公司時,盡量多提供關於網站的相關資料,會讓溝通過程變得更順利,越詳細的資料能夠讓公司知道適不適合接,不適合就避免浪費雙方時間。順利找到符合你的預算及風格品質的公司後,就可以簽約開始製作網站了!

網頁設計|提供資料規劃版型、功能

網站設計-2
網頁製作視覺參考

確定網站設計公司後,雙方可以討論合約等相關事宜,通常公司會準備報價單或架站合約,簽約是給雙方的保障,發生糾紛時能有所依據。關於簽約、支付款項等都可以跟公司討論,如何是對雙方都有益的模式。簽約、支付訂金後即可開始進行網頁設計,以我們瑞布的工作流程來說的話,我們提供各式各樣、多元的WordPress網頁設計版型給客戶選擇,若沒有喜愛的版型也可以提供找好的參考網站視覺進行討論。

  • 規劃各頁面版型、設計:排版設計網站各個頁面,網站架構、主要網站配色、視覺重點、網站字體等等,這時候就可以拿出你已經事前準備好的網站規劃說明!
  • 提供各頁面資料:將準備、整理好的網站內容文字、圖片交給公司,若有社群連結等等也不忘說明,我們通常會提供一個雲端資料夾,讓客戶上傳,客戶可以依照頁面開資料夾,放置該頁面所需資料。
  • 確認特定功能、特殊呈現效果:盡量找呈現效果的參考給公司,若是需要完全客製化的部分,也要描述詳盡說明,公司才能盡可能打造出你想要的前台效果。

網站建置|初版確認校稿細節

這個階段公司開始架設你的網站,若網站圖文內容客戶還沒有辦法提供,一般會先以假文假圖替代網站內容,並調整行動裝置呈現的排版(RWD響應式網頁)。完成後會進行初版網站的確認及校稿細節,客戶可以進行顏色、功能等細節修改,這段時間也可以進行網站上稿資料的整理和歸檔。若客戶已有提供完整的網站架構及視覺參考,完成初版所需的時間大約是5-7個工作日。

雙方會使用修改單來回覆、確認修改需求,修改項目經過整理會比較清楚明瞭,也較好溝通確認項目。

  • 網站初版demo建置:若已選好域名,我們會直接將你的網站架設在正式環境,若是另外購買好域名或原先已有域名,想要架設網站完成後再轉移到正式環境,也是沒問題的!我們會先建立demo環境,待網站設計完成後再搬家、上線。
  • 網站選單架構建立:即所謂的網站menu、導覽。
  • 網站細節調整、RWD響應式網頁:各頁面設計調整,行動裝置版本調整。
  • 網頁動態效果呈現
  • 校稿調整

網站上線|基礎SEO調整

SEO
基礎SEO設定、網站上線

網站文字及圖片替換完成,視覺部分及功能都調整完畢後,就會將網站搬到正式域名、準備上線了!現在只剩一些後台資訊的設定,基礎SEO優化、提交Sitemap、設定雲端備份等等。

  • 將網站搬到正式域名(若在正式域名架設網站即可略過)
  • 基礎SEO優化設定:設定SEO頁面標題、描述、關鍵字,讓搜尋引擎更容易看到你的網站。(建議閱讀:什麼是SEO?
  • SMTP表單設定:若網站有聯絡表單,需設定寄信等功能。
  • 提交Sitemap:提交網站地圖至搜尋引擎,讓爬蟲可以更順利爬到你的網站內容。
  • 設定雲端備份:我們提供基礎7日分離式雲端備份,是對網站的保障!

網站驗收|移交管理員權限

恭喜來到最後一個階段!網站製作完成!我們會提供相關的網站教學文章,讓你在自行編輯、修改、設定 WordPress 網站時更好上手(例如,新手必看專區),也會移交網站的管理員權限給你,這部分就需要小心使用了!網站管理員是 WordPress 網站最高的管理權限,可以修改、設定網站的所有操作。

架好網站後,後續的維護及更新也是很重要的,要讓更多人看到你的網站,需要持之以恆的努力唷!

  • 網站教學文章提供:一般功能會提供官網教學文章,特殊功能會另外提供教學文件(包含說明及截圖)。
  • 結案網站驗收、支付尾款:網站驗收完成,即可支付尾款,若需要開立發票也可以告知公司。
  • 移交網站管理員權限
  • 網站維護方案:若需要後續的網站維護,可以參考各公司的網站維護方案,也有些公司可能有提供保固等等,都可以向公司詢問諮詢自己的需求。

延伸閱讀: