RWD 網頁設計教學:網站頁面設計+美髮作品集製作|Blocksy 主題實戰

RWD 網頁設計教學:網站頁面設計+美髮作品集製作

1. 影片提到的資源連結

2. 影片描述

打算製作一個 RWD 響應式網站嗎?還是找不到專業的 WordPress 網頁設計教學?

這是一部完整的「 品牌形象官網 」架設教學,裡面是使用美髮行業作為示範。

影片也有示範,如何打造作品集功能,不論你是從事哪種服務,都可以使用!

網站是搭配免費 Blocksy 主題製作,這是一款新潮好用的主題,裡面許多高質感模板,你可以自由套用,且可調整的功能項也很多。

好囉,那我們開始學習吧!

3. 影片時間軸

  • 00:00:00 – 影片開頭
  • 00:00:34 – 架站流程介紹
  • 00:01:22 – 網站成品預覽
  • 00:07:07 – A2 Hosting 系列
  • 00:10:04 – 申請網域&主機
  • 00:23:38 – 信件認證 ( 含 Whois 網域認證、發票訊息等.. )
  • 00:24:44 – SSL 憑證開啟(待定)
  • 00:30:52 – WordPress 後台設定
  • 00:34:02 – 中場休息&下章節預告
  • 00:34:33 – 安裝 Blocksy 主題
  • 00:36:24 – 匯入全站模板
  • 00:39:58 – 主題&外掛說明整理
  • 00:43:37 – 全站相關設定
  • 00:59:24 – 更改主視覺顏色
  • 01:03:35 – 網站字體調整
  • 01:06:35 – 製作網站頁首
  • 01:19:58 – 製作網站頁尾
  • 01:34:30 – Elementor 介紹&基本設定
  • 01:39:42 – 區塊設計(段、欄、元素)
  • 01:43:40 – 常用區塊儲存&套用
  • 01:45:18 – Essential Addons for Elementor 介紹&安裝
  • 01:49:43 – 選單架構調整
  • 01:53:32 – 製作「首頁」頁面
  • 02:49:01 – 製作「 關於我們 」頁面
  • 02:55:14 – 製作「 聯絡我們 」頁面
  • 02:58:26 – CF7 聯絡表單(介紹+教學)
  • 03:03:10 – 使用作品集功能
  • 03:09:31 – 新增作品圖片&文案
  • 03:12:05 – 整個頁面設計、調整
  • 03:17:23 – 新增文章(區塊編輯器)
  • 03:23:38 – 文章編輯分類
  • 03:25:11 – 文章列表 / 單一文章版型調整
  • 03:32:36 – 使用 GSC 提交網站&串接 GA 分析
  • 03:35:09 – SEO 相關教學分享(可參考犬哥官網)
  • 03:36:47 – 結尾溜,歡呼啦!

WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:WP 高手架站課(線上課程)

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。

課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!

幫你增加網路曝光,提高你的線上營收!

WordPress 高手架站課|一堂課讓你變架站高手!

資源二:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源三:更多犬哥教學資源

如果你在操作過程中遇到問題,可以加入 引力行銷圈 – 犬哥網站(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

如果你想學更多網頁設計、數位行銷知識,也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習,可關注 YouTube 頻道

引力行銷圈|犬哥網站
引力行銷圈|犬哥網站

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端