【 VCP教學 】手把手教你網站架設+部落格網誌

現在就開始架設網站!無論是想打造形象官網,增強大眾對你的印象,還是部落客/網紅想經營自媒體,擴大自己的影響力。接下來將一一介紹網站的五大主要功能:設定網站資料、個人化首頁、靈活的內容上稿模組、網站的上下方選單及客服管理功能。
2021-08-25
by vcp

現在就開始架設網站!無論是想打造形象官網,增強大眾對你的印象,還是部落客/網紅想經營自媒體,擴大自己的影響力。接下來將一一介紹網站的五大主要功能:設定網站資料、個人化首頁、靈活的內容上稿模組、網站的上下方選單及客服管理功能。


目錄內容

  • .第一次登入後台
  • .設定網站基本資料
  • .個人化首頁內容
  • .靈活的內容上稿模組
  • .網站的上方及下方選單
  • .客服管理功能
  • .新增及編輯文章

1.第一次登入後台

登入後台頁面後,這邊輸入您的帳號、密碼。
輸入完後會出現以下畫面,在第一次進入後台需要一個OTP的啟用設定。
請用手機開啟App - Google Authenticator ,如果手機沒有的話,可以對應下方【步驟1】,下載您手機系統的APP。
開啟手機APP - Google Authenticator,點選右下方的+
選擇【掃描QR圖碼】的方式,並對準網頁上您後台的畫面【步驟3】條碼進行掃描。
這時候您手機的APP 會針對此帳號產生一組新的 OTP,再將此組號碼輸入至後台網頁上【步驟 4】,就完成後台帳號啟用囉!

2.設定網站基本資料

點擊網站資訊基本設定
VCP後台已經寫好符合Google的SEO網站架構,這邊可以開始設定你的網站SEO內容!這時候如果不確定需填寫什麼資料,點選下方小鈴鐺或是旁邊的小燈泡,此時會出現相關的提示訊息。

3.個人化首頁內容

首頁是由 基本設定 + 主視覺 + 首頁內容 組成,以下將詳細介紹如何進行設定。
基本設定
為網站上傳獨一無二的專屬Logo吧!VCP支援電腦版及手機版分開上稿,滿足電腦及手機不同裝置上的畫面呈現,只要依照下方小鈴鐺建議的尺寸分別製作就可以囉。
主視覺設定
設定好後,電腦版呈現畫面如下
手機版,溫馨提醒背景圖要上直式喔!
手機版呈現畫面如下。
首頁內容設定
網站的圖片、文字新增及調整,皆是透過後台的動態內容模組上稿,下一章:靈活的內容上稿模組,透過影片有詳細示範。

4.靈活的內容上稿模組

這是VCP後台最常使用的功能,基本上所有頁面及寫文章都會使用此模組上稿,你可以點選下方右下角Youtube標誌,進入Youtube頁面後至影片下方說明,點擊時間 12:47 動態內容模組,請直接參考影片介紹。

5.網站的上方及下方選單

選單就是在網站最上方及最下方的這一列,在VCP叫做「入口訊息」管理,透過入口訊息可以引導訪客至其他頁面,因此建議將你的網站資訊分類好,建立一個清楚明瞭的網站架構,你的訪客可以更方便、快速找到他要的資訊,以及你想傳遞的內容。
以下影片介紹,請進入Youtube頁面後至影片下方說明,點擊時間 09:35 入口訊息管理。

6.客服管理功能

當訪客想要更進一步認識你、了解你的服務,甚至深入合作洽談等等,需要一個「聯絡我們」的表單頁面,讓訪客能留下聯絡資訊及問題內容,並藉由VCP後台可以將你的回覆直接以email方式同步回饋給訪客。

請參考影片說明,進入Youtube頁面後至影片下方說明,點擊時間 1:12:38 客服管理。

7.新增及編輯文章

為方便訪客找到文章,每一篇文章都有分類,讓訪客可以很清楚的知道,這個網站是在寫什麼。
因此後台有文章分類及文章管理(寫文章),以下影片說明,進入Youtube頁面後至影片下方說明,點擊46:44 專欄文章分類、49:40 專欄文章管理。