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 項架站資源,可有效幫助大家處理網站問題。

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

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

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

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

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

犬哥網站

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

發佈留言

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

返回頂端