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

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

重要提醒:有關 A2 Hosting 已正式改為 Hosting 新品牌呈現(已經沒有 A2 Hosting 了,原來在 A2 的資料,官方都已協助移轉至 Hosting)。

有關 Hosting 主機擁有比 A2 更強的效能,和一樣高 CP 值的平價費用,有關文章請改看「 Hosting 主機教學:新手必看!完整租用流程(含方案評價) 」。

1. 影片提到的資源連結

2. 影片描述

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

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

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

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

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

3. 影片時間軸

  • 00:00:00 – 影片開頭
  • 00:00:34 – 架站流程介紹
  • 00:01:22 – 網站成品預覽
  • 00:07:07 – 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 – 結尾溜,歡呼啦!

聯絡犬哥網站

在網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。

資源一:犬哥網站(專業 WordPress 網頁設計&SEO 行銷公司)

如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站(WordPress 網頁設計&SEO 行銷公司),請專家協助你會更容易!

我們有多年網頁設計、SEO 網站排名經驗,加上上百個高質感作品、SEO 實戰案例,絕對能滿足您的需求!

犬哥網站|台北網頁設計&SEO 行銷公司
犬哥網站|台北網頁設計&SEO 行銷公司

資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)

如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?

可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!

WordPress 高手架站課&SEO 排名飆升課
WordPress 高手架站課&SEO 排名飆升課
  • WordPress 高手架站課
    從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
    課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
  • SEO 排名飆升課
    教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
    帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

關於作者

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

犬哥網站

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

發佈留言

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

返回頂端