如何製作網站(免費教學課程) ⚡｜用Cloudways主機架設超高速的WordPress部落格/個人網站

如何製作自己的網站呢? 在這部影片，我會一步一步帶你從零開始架設出一個屬於自己的部落格(Blog)/個人網站。 這是為想要使用速度比較快的Cloudways主機架設WordPress網站的人，特別剪輯製作的影片。你只要跟著點點看、玩玩看，就可以擁有一個可以客製化版型、功能超強、速度超快的部落格網站。
⭐ Cloudways主機專屬優惠
(前2個月7折｜折扣碼：NOTES)
→ notesstartup.com/cloudways
總共有6個步驟：
在第1步驟，我會跟你分享如何開始架設自己的WordPress網站。我會先帶你了解一下網站架設的基礎知識，然後跟你分享如何用優惠價格購買Cloudways主機、註冊自己的域名，並安裝WordPress。
在這個教學，我們是使用速度比較快的Cloudways主機來架設WordPress網站。因為有一些觀眾想要直上比較高階的Cloudways主機，所以我才特別剪這部影片。
在第2步驟，我會教你如何安裝WordPres主題 ，也會跟你分享一個免費、好看的佈景主題。
在第3步驟，我會教你如何安裝WordPress外掛，然後跟你推薦一些我覺得很好用的免費WordPress外掛。
在第4步驟，我會教你如何新增文章、頁面、選單，也會跟你分享搜尋引擎優化(SEO)的技巧，讓你的文章或頁面能夠出現在Google搜尋的第1頁。
在第5步驟，我會教你如何客製化你的網站外觀，包括如何自訂網站的Logo、文章/頁面的排版設計、頁首選單設計等等。
我也會跟你分享如何讓你的網站能在電腦、平板、手機都可以有好看的排版的方法，也就是響應式網頁設計(RWD)。
在第6步驟，我會跟你分享如何強化網站的功能，包括製作訂閱電子報、加入網站表單、加強網站資安防護、安裝網站分析工具等等。
🚩 章節重點
⭐ 更多詳細章節重點請看留言區!
00:00:00 影片介紹-製作網站的6大步驟
00:02:29 🐾 步驟1：開始架設WordPress網站
00:04:02 架設部落格(Blog)/個人網站的好處
00:05:05 為什麼選擇用WordPress架設網站? WordPress vs 其它架站平台
00:06:20 製作網站需要的東西
00:06:41 域名介紹、域名要錢嗎?
00:08:00 主機介紹、主機要錢嗎?
00:11:49 開始用Cloudways主機架設WordPress網站
00:12:00 創建Cloudways帳戶
00:14:11 創建WordPress網站
00:19:06 設定網站域名
00:23:55 WordPress設定
00:25:27 快速登入WordPress後台的小秘訣
00:26:39 🐾 步驟2：安裝WordPress佈景主題
00:27:01 WordPress佈景主題的功能是什麼?
00:28:29 諾特斯推薦的WordPress主題-Blocksy
00:29:46 開始安裝佈景主題
00:30:05 安裝佈景主題的2個方法
00:33:12 🐾 步驟3：安裝WordPress外掛
00:33:33 什麼是WordPress外掛?
00:35:19 安裝WordPress外掛的2個方法
00:35:47 安裝Blocksy Companion：強化Blocksy主題的功能
00:36:44 安裝Really simple SSL：讓網站有SSL憑證
00:38:49 安裝Rank Math：提升Google排名
00:41:40 其它好用的免費WordPress外掛
00:42:57 🐾 步驟4：新增WordPress文章、頁面 、選單、搜尋引擎優化(SEO)
00:43:28 文章(Post) vs 頁面(Page)
00:48:01 新增第一篇文章
00:51:34 標題標籤(Heading Tag)介紹
00:53:06 新增圖片
01:01:18 新增影片
01:03:09 搜尋引擎優化(SEO)
01:09:47 文章設定
01:18:38 新增頁面
01:19:49 新增選單
01:22:16 製作子選單
01:29:20 🐾 步驟5：客製化WordPress網站外觀
01:29:58 進入WordPress自訂器(Customizer)的方法
01:30:59 自訂器的功能是什麼?
01:39:05 自訂網站標題、說明、網站圖示(Logo)
01:40:04 在Canva免費製作Logo的方法
01:45:30 自訂網誌文章設計
01:48:39 調整網站整體顏色(調色盤)
01:49:26 自訂單一文章(single post)排版設計
01:49:59 在文章中新增資訊欄(側邊欄)
01:52:21 自訂頁首設計
01:53:02 上傳頁首Logo
01:54:52 自訂選單設計(文字/字體大小、型式、列高、固定頁首)
01:57:03 自訂頁尾設計(域名、年分)
01:59:22 修改文字大小
02:02:54 頁首的響應式網頁設計
02:08:03 🐾 步驟6：強化WordPress網站功能
02:08:38 Sendinblue介紹與展示(電子報+表單)
02:11:11 免費註冊Sendinblue
02:14:56 加入訂閱電子報功能
02:25:14 加入聯絡表單功能
02:30:42 強化網站資安功能
02:33:12 加入網站分析工具(Google Search Console、安裝Google Analytic)
02:39:34 如何架設部落格(Blog)/個人網站系列教學的結語
🌎 相關連結
因為說明欄有字數限制，下面為最重要的連結，其它連結會放在留言區。
⭐ Cloudways主機專屬優惠
(前2個月7折｜折扣碼：NOTES)
→ notesstartup.com/cloudways
⭐ Cloudways主機圖文教學
→ notesstartup.com/cloudways-wo...
⭐ Namecheap註冊便宜的域名
→ notesstartup.com/namecheap
⭐ WordPress主題-Blocksy免費下載
→ notesstartup.com/blocksy
⭐ 使用Canva免費製作Logo
→ notesstartup.com/canva
⭐ 免費註冊Sendinblue(訂閱電子報、表單)
→ notesstartup.com/sendinblue
☕️ 聯盟計畫聲明
諾特斯頻道有參與部分軟體/工具廠商的聯盟計畫。如果你透過本頻道提供的連結購買，我就能夠獲得收益。這不會對你造成額外的費用，而且可以支持我繼續製作更多能幫助到大家的免費影片。此外，部分軟體/工具有諾特斯頻道觀眾的專屬優惠折扣，希望這也對你有幫助。
我希望透過公開這些資訊，讓我們之間更透明，加深我們之間的信賴關係。我只會推薦我真心覺得優質的軟體/工具。如果真的有購買的需求，歡迎利用諾特斯提供的連結購買，非常感謝你的支持!
📄 參考資料
How to Manage Your Domain DNS Records
→ • How to Manage Your Dom...
How to Install WordPress on Cloudways
→ • How to Install WordPre...
How to Setup Cloudways The Right Way
→ • How to Setup Cloudways...
Cloudways Reviews & Product Details
→ www.g2.com/products/cloudways...
A Ruthless Cloudways Hosting Review Including Real User Ratings
→ digital.com/best-web-hosting/...
💬 我喜歡的一句話分享給你
Done is better than perfect! (完成比完美更重要!)

[@notesstartup]

🌎 相關連結與建議配置更新 🚩 步驟1 ⭐ Cloudways主機專屬優惠 (前2個月7折｜折扣碼：NOTES) → notesstartup.com/cloudways ⭐ Cloudways主機圖文教學 → notesstartup.com/cloudways-wordpress-tutorial/ ⭐ 高CP值的Bluehost主機架站教學 → kzbin.info/www/bejne/o2bYZpiAqq2pqrs ⭐ Bluehost主機 vs Cloudways主機 → kzbin.info/www/bejne/hIqQd4tunKqngdU ⭐ 我用Cloudways主機+WordPress軟體架設的諾特斯網站 → notesstartup.com/ ⭐ 中文地址英譯工具 → notesstartup.com/address ⭐ Namecheap註冊便宜的域名 → notesstartup.com/namecheap 🚩 步驟2 ⭐ WordPress主題-Blocksy免費下載 → notesstartup.com/blocksy ⭐ 使用Blocksy主題範例網站 諾特斯網站 → notesstartup.com/ 霧痴's blog → pipichocho.com/ 諾特斯旅遊部落格 → notesblogdemo.com/ 🚩 步驟3 ⭐ Blocksy Companion → notesstartup.com/blocksy-companion ⭐ Really Simple SSL → notesstartup.com/really-simple-ssl ⭐ Rank Math → notesstartup.com/rankmath ⭐ Site Kit by Google → notesstartup.com/site-kit-by-google ⭐ Wordfence Security → notesstartup.com/wordfence ⭐ Loco Translate → notesstartup.com/loco-translate 🚩 步驟4 ⭐ WordPress免費SEO外掛-Rank Math下載 → notesstartup.com/rankmath ⭐ 假文產生器 → notesstartup.com/lorem-ipsum ⭐ pixabay圖庫 → notesstartup.com/pixabay ⭐ 範例文章 WordPress是什麼? → notesstartup.com/what-is-wordpress/ Wix、WordPress比較｜哪個才是架設網站最好的平台? → notesstartup.com/wix-vs-wordpress/ Sendinblue評價｜比Mailchimp更好的免費WordPress訂閱電子報/表單/Email自動化系統 → notesstartup.com/sendinblue-review/ ⭐ 範例頁面 關於諾特斯 → notesstartup.com/about/ 聯絡諾特斯 → notesstartup.com/contact/ 諾特斯好評 → notesstartup.com/notes-review/ 🚩 步驟5 ⭐ 免費下載Blocksy Companion → notesstartup.com/blocksy-companion ⭐ 使用Canva免費製作Logo → notesstartup.com/canva ⭐ 免費下載諾特斯網站模板 → notesstartup.com/wordpress-blog-tutorial/#template ⭐ 用Blocksy主題自訂器設計的範例網站 諾特斯網站 → notesstartup.com/ 霧痴's blog → pipichocho.com/ 諾特斯旅遊部落格 → notesblogdemo.com/ 🚩 步驟6 ⭐ 免費註冊Sendinblue(訂閱電子報、表單) → notesstartup.com/sendinblue ⭐ Sendinblue評價 → notesstartup.com/sendinblue-review/ ⭐ 中文地址英譯工具 → notesstartup.com/address ⭐ 免費下載Wordfence Security(資安外掛) → notesstartup.com/wordfence ⭐ 免費下載Site kit by Google(分析外掛) → notesstartup.com/site-kit-by-google

[@larkspur7744]

謝謝分享，一步一步教學真的很清楚， 太厲害了！

[@notesstartup]

感謝正面評價，祝架設網站順利！

[@suntree0214]

你講的好仔細.非常感謝...

[@notesstartup]

謝謝你的支持~

[@borislai9970]

這個教學真的是佛心來的

[@charlieliu1198]

很感謝你製作了這部長篇大片! 終於看完了~ 也要來著手進行架站了 希望我能順利🐱‍🏍🐱‍🏍

[@notesstartup]

感謝你的留言， 祝架設 WordPress 網站順利！

[@user-iv3yj4ik8p]

天阿 看完這部影片直接把你列為我的偶像>

[@notesstartup]

太棒了 感謝支持 祝架設網站順利～

[@rurupluschen]

謝謝分享👍

[@notesstartup]

謝謝留言支持！

[@Laughduck]

非常感謝您的分享....

[@notesstartup]

祝用Cloudways主機架站一切順利！

[@user-yh6ks2kd7l]

這部太強大了，把細節都實操出來，我努力地看完了，再來就是要重複刷重點內容了，要架設必須要邊看邊操作阿。

[@notesstartup]

祝架設網站順利！

[@user-fi6cr1rt3d]

超感恩謝謝

[@notesstartup]

感謝你的正向回饋！

[@pineapplecan3383]

Hi 您好 想請問您要取消使用，是需要先取消Namecheap還是cloudways ,或是順序沒有差異呢？謝謝您

[@yl8130]

請問佈景主題裡面不是還有很多不同版面配置可以選嗎？像astra裡還有很多種不同的 blocksy 沒有嗎？

[@notesstartup]

Blocksy 也可以唷，有蠻多免費的模板

[@ohohohoh101]

你好，我參考你的架站影片，架設了Blog + 電商的網站，目前也已經串接Google search console + analytic 但發現他偵測主要是以網站瀏覽為主，但我也想要看到購物車轉換，這種有相關教學嗎？

[@notesstartup]

請再把狀況描述詳細一點 然後可以到諾特斯觀眾許願池提交問題 → notesstartup.com/wishing-well/

[@hua1705]

請問諾特斯架站教學的網站是用Cloudways+Namecheap+Blocksy所架設出來的嗎? 關於YT影片製作，是否也會有相關教學影片，比如使用剪輯軟體、上字幕方法、背景音樂選擇等等 謝謝諾大這影片超級詳細❤，讓我對於架站跟寫文章有個框架

[@notesstartup]

諾特斯網站 notesstartup.com/ 適用這部影片裡所講的Cloudways+Namecheap+Blocksy沒錯 YT影片製作教學之後有機會會再跟大家分享~

[@hua1705]

@@notesstartup 感謝諾大!!!

[@hua1705]

請問諾大，收到Cloudways官方來信說沒有啟用SMTP，可以請問要怎麼操作呢?謝謝。

[@user-yh6ks2kd7l]

我想請教諾大大 1.我曾看到有人購買網域推薦godaddy，這個與您推薦的namecheap不一樣，這兩者有相關的比較嗎? 2.未來如果會有遇到一次要經營2個或3個以上網站，什麼方式來管理最簡便? 3.是不是必須先默默耕耘自己發文章一段時間，流量才有可能近來部落格? 屆時再去申請google的廣告放置嗎? 廣告應該如何放置?

[@notesstartup]

可以到諾特斯觀眾許願池提交問題 → notesstartup.com/wishing-well/

[@yeecheat188]

请问诺特斯，之前跟着您推荐的 bluehost主机 架了个人网站。日后还可以将网站转用 cloudways主机吗？过程 会复杂吗？ 谢谢您的无私分享。感恩了

[@notesstartup]

現在搬家已經變得很簡單了， 不想自己用的話也可以免費請Cloudways客服幫你。

[@yeecheat188]

@@notesstartup 哦，是这样。那太好了。谢谢您诺特斯。感恩

[@user-dp5yq6bb6e]

請問bloksey主題的文章精選圖片應該設定多少尺寸大小才剛好?

[@notesstartup]

對於文章精選圖片的尺寸大小，我建議設定為 1280 x 720 像素或1200 x 628。這個尺寸大小通常適用於大多數的社交媒體平台，同時也可以在網站上呈現出很好的效果。希望這個建議對你有幫助！

[@jackieliang9945]

諾特斯，非常感謝你的分享。有一個疑問，中國大陸的號碼好像收不到Sendinblue的驗證碼，這樣應該不能使用Sendinblue了吧？可以推薦另外一個外掛嗎？

[@notesstartup]

那可以試試MailerLite

[@jackieliang9945]

@@notesstartup 非常高兴看到你的回复，我马上试试看，谢谢😃

[@u6g4j3]

請問主題有沒有適合架設網購商店的?

[@notesstartup]

也適合唷 Blocksy也有網路商店的模板

[@jackieliang9945]

諾特斯，视频2:06，上传你的分享的dat文件处；安装blocksy主题后，发现Manage Options只有Reset Options，没有Import Options，麻烦帮我确认一下是不是现在没有这个选项了，谢谢

[@notesstartup]

新版的好像我提供的模板也沒辦法用，會版本不符，你可能要自己自訂了。

[@jackieliang9945]

@@notesstartup 收到，谢谢

[@user-ei9lh6oh1l]

請問cloudway註冊好了它會每個月自動扣款是嗎，還是要自己登錄

[@notesstartup]

有填付款資料之後 會自動用信用卡每個月付款

[@user-xr1sl1jh4v]

請問部落格可以雙語切換嗎?我想做中文的也想做英文版的

[@notesstartup]

可以下載相關 WordPress 外掛做到唷

[@user-vp5pm1xi3m]

請問我 公開顯示名稱 可以更改嗎，如何更改，謝謝，我找到了還是謝謝你製作這個影片

[@notesstartup]

祝架設 WordPress 網站一切順利！

[@588aa588]

可以使用 NAS 來架設wordpress嗎?

[@notesstartup]

也是可以唷 不過操作過程複雜很多 比較不建議新手這麼做~ 可以參考這篇文章 → www.mobile01.com/topicdetail.php?f=494&t=2114944

[@588aa588]

@@notesstartup 謝謝答覆

[@sharontang0831]

請問我使用Cloudways主機1G，我在WordPress控制台編輯作業時畫面會延遲很久才會出現，該如何提升響應速度呢？謝謝～

[@notesstartup]

如果覺得有延遲，可以聯絡 Cloudways 客服，他們可以免費幫你調整一些參數

[@sharontang0831]

@@notesstartup 了解~謝謝即時的回覆，幫助很大

[@qaixuenng7529]

請問如果只建立了頁面，如何建立選單？ 「新增選單項目」 顯示尚無任何項目，但我已經新增和製作了幾個頁面。謝謝。

[@notesstartup]

可以參考這部影片的製作子選單章節～

[@qaixuenng7529]

@@notesstartup 好的，非常謝謝你的影片，原本陌生的東西突然感覺沒那麽難了。

[@notesstartup]

@@qaixuenng7529 謝謝你的回饋 讓我更有動力了～

[@user-pn8cf6ro8x]

請問我要取消主機和 域名要如何取消，太忙沒時間經營

[@notesstartup]

聯絡客服會幫你馬上處理唷～

[@mywaytooasis]

請問諾大，安裝外掛SSL這步驟時，突然一直跳出>>>The requested URL was not found on this server. 苦惱啊~

[@notesstartup]

你使用Cloudways主機的話 就不用安中Really Simple SSL Cloudways會幫你處理好！

[@mywaytooasis]

@@notesstartup 不好意思，因為我是安裝BLUEHOST的，哈哈~

[@mywaytooasis]

這個問題已解決，感謝！但想請問新增分類那裡，同理可刪除分類嗎？

[@notesstartup]

@@mywaytooasis 在WordPress後台→文章→分類 就可以刪除唷

[@alisonliu1026]

請問Notes~ 我在Bluehost 查詢想購買的域名，發現沒有人使用，但是在namecheap查詢卻發現域名被買走了... 請問您有甚麼建議嗎?

[@notesstartup]

應該不太可能會有這種情形發生， 有時候只是 域名後面的 .com .org .net 等等不一樣而已。

[@alisonliu1026]

@@notesstartup 謝謝回覆！你的教學影片幫助真的很大！

[@lingho216]

我已用你的折扣碼買了Cloudways主機，我跟著你的步驟去設定，在namecheap的DNS已設定好，但在Cloudways的domain management版面不一樣，沒有位置打入網址save changes怎麼辦？😢

[@notesstartup]

它好像最近有改介面 之後會出更新影片～

[@user-ph4mj1bm7w]

求問，Domain Management無法刪除原本預設的網域名稱，新增自己的網域名稱後也只變成別名，導致SSL無法綁訂到自己設定的域名，請問大師這樣該怎麼做呢🥹

[@user-lm1ye2dz6i]

請問假如是要架線上課程網站，每次上課有百人，主機應該怎麼選？謝謝

[@notesstartup]

這個狀況建議選 Cloudways

[@user-pj2zs3dp3x]

請問老師在三天試用期，先把網站發出去，但事後申請完自己的域名，在改DOMAIN MANAGEMENT的時候 無法修改(只能用子域)，請問老師這個該怎麼辦? 謝謝老師回復

[@user-yh6ks2kd7l]

你說的我有遇到~先按旁邊的，新增，然後把你的網域輸入進去，再去網域後面有...可以按，修改成主要網域就好

[@user-yh6ks2kd7l]

我跟著實作的時候，有些步驟不像老師教學的一模一樣，應該是官方版本有更新，最後我也把我的網站創出來了

[@user-pj2zs3dp3x]

我是有新增多一個子域，也把原本的主域做互換，但現在的子域完全沒有刪掉的選項，這對後續建網站會有差嗎? 感謝~

[@notesstartup]

可以參考這個補充影片 → kzbin.info/www/bejne/qpKqk52MhpqdbNE

[@notesstartup]

🚩 章節重點 00:00:00 影片介紹-製作網站的6大步驟 00:02:29 🐾 步驟1：開始架設WordPress網站 00:03:14 製作免費WordPress線上教學課程的原因 00:04:02 架設部落格(Blog)/個人網站的好處 00:05:05 為什麼選擇用WordPress架設網站? WordPress vs 其它架站平台 00:06:20 製作網站需要的東西 00:06:41 域名介紹、域名要錢嗎? 00:08:00 主機介紹、主機要錢嗎? 00:09:08 什麼是Cloudways? 00:09:30 為什麼選擇Cloudways主機? 00:10:56 使用Cloudways主機+WordPress軟體架設的網站範例 00:11:16 步驟1結束你會完成的事情 00:11:32 休息一下(深呼吸時間) 00:11:49 開始用Cloudways主機架設WordPress網站-流程介紹 00:12:00 創建Cloudways帳戶 00:12:39 ① 填寫帳戶資料與折扣碼(NOTES) 00:13:27 ② 收驗證信 00:14:11 創建WordPress網站 00:14:21 ① 選擇主機 00:15:57 ② 開啟WordPress網站前台/後台 00:17:32 ③ 填寫主機付款資料 00:19:06 設定網站域名 00:19:18 ① 註冊域名 00:21:42 ② 串聯域名跟主機 00:23:14 ③ 安裝SSL憑證 00:23:55 WordPress設定 00:25:03 設定文章預設永久連結 00:25:27 快速登入WordPress後台的小秘訣 00:26:21 步驟1回顧與步驟2預告 00:26:39 🐾 步驟2：安裝WordPress佈景主題 00:27:01 WordPress佈景主題的功能是什麼? 00:27:21 WordPress主題可以調控的東西 00:27:40 預設主題Twenty Twenty-One展示 00:28:29 諾特斯推薦的WordPress主題-Blocksy 00:28:36 為什麼選擇使用Blocksy主題? 00:29:46 開始安裝佈景主題 00:30:05 安裝佈景主題的2個方法 00:30:08 ①在搜索欄直接搜索佈景主題 00:30:11 ②在佈景主題的官方網站下載後自己上傳 00:30:16 下載Blocksy主題 00:31:24 啟用佈景主題 00:32:01 看看安裝完Blocksy主題後的樣子 00:32:49 步驟2回顧與步驟3預告 00:33:12 🐾 步驟3：安裝WordPress外掛 00:33:33 什麼是WordPress外掛? 00:34:19 刪除預設外掛 00:35:19 安裝WordPress外掛的2個方法 00:35:47 安裝Blocksy Companion：強化Blocksy主題的功能 00:36:30 安裝WordPress外掛方法① 00:36:44 安裝Really simple SSL：讓網站有SSL憑證 00:38:40 安裝WordPress外掛方法② 00:38:49 安裝Rank Math：提升Google排名 00:41:40 其它好用的免費WordPress外掛 00:42:18 步驟3回顧與步驟4預告 00:42:57 🐾 步驟4：新增WordPress文章、頁面 、選單、搜尋引擎優化(SEO) 00:43:28 文章(Post) vs 頁面(Page) 00:44:52 文章例子 00:46:17 頁面例子 00:47:13 刪除預設文章 00:48:01 新增第一篇文章 00:48:53 新增主標題 00:49:18 新增區塊 00:49:36 新增副標題 00:49:55 新增段落 00:51:34 標題標籤(Heading Tag)介紹 00:53:06 新增圖片 00:53:57 上傳單張圖片 00:54:26 替代文字(Alt Text)是什麼? 00:55:05 圖片標題(Image Title)是什麼? 00:56:48 替代文字 vs 圖片標題 00:58:23 圖片說明是什麼? 00:58:48 批量上傳圖片 01:01:18 新增影片 01:03:09 搜尋引擎優化(SEO) 01:09:47 設定永久連結(文章網址) 01:11:31 設定分類(Category) 01:12:18 設定標籤(Tag) 01:12:42 設定精選圖片 01:14:48 新增多篇文章 01:15:57 發佈多篇文章後網站的樣子 01:18:16 刪除預設頁面 01:18:38 新增頁面 01:19:49 新增選單 01:20:02 進入選單設定頁面的方法 01:20:54 把分類新增進選單 01:21:32 把預設選單改為自訂選單 01:22:16 把文章新增進選單(製作子選單) 01:23:45 修改選單文字 01:25:16 把頁面新增進選單 01:25:51 把自訂連結(KZbin頻道)新增進選單 01:28:10 步驟4回顧與步驟5預告 01:29:20 🐾 步驟5：客製化WordPress網站外觀 01:29:58 進入WordPress自訂器(Customizer)的方法 01:30:59 自訂器的功能是什麼? 01:32:16 自訂器名詞解釋 01:33:01 ① 網誌文章 01:34:01 ② 單一文章 01:34:29 ③ 分類 01:35:16 ④ 頁面 01:35:42 ⑤ 資訊欄(側邊欄) 01:36:13 ⑥ 響應式網頁設計(RWD) 01:37:45 Blocksy Companion介紹 01:39:05 自訂網站標題、說明、網站圖示(Logo) 01:40:04 在Canva免費製作Logo的方法 01:42:58 ① 製作網站圖示Logo 01:43:27 ② 製作頁首Logo 01:44:41 上傳網站圖示 01:45:30 自訂網誌文章設計 01:45:56 卡片揭示效果 01:46:33 調整卡片元件排版(標題、分類、發布/更新時間) 01:48:39 調整網站整體顏色(調色盤) 01:49:26 自訂單一文章(single post)排版設計 01:49:59 在文章中新增資訊欄(側邊欄) 01:50:11 自訂資訊欄設計 01:51:49 固定資訊欄功能 01:52:21 自訂頁首設計 01:53:02 上傳頁首Logo 01:53:34 調整頁首Logo 01:54:52 自訂選單設計(文字/字體大小、型式、列高) 01:56:09 固定頁首功能 01:57:03 自訂頁尾設計(域名、年分) 01:59:22 修改文字大小 02:00:03 標題的響應式網頁設計 02:02:54 頁首的響應式網頁設計 02:06:03 使用諾特斯模板(選用) 02:07:13 還原Blocksy預設設計的方法 02:07:23 步驟5回顧與步驟6預告 02:08:03 🐾 步驟6：強化WordPress網站功能 02:08:38 Sendinblue介紹與展示(電子報+表單) 02:11:11 免費註冊Sendinblue 02:14:56 加入訂閱電子報功能 02:15:26 建立訂閱電子報名單 02:15:53 製作訂閱電子報表單 02:19:42 把訂閱電子報表單加入WordPress網站 02:25:14 加入聯絡表單功能 02:25:20 建立聯絡表單名單報名單 02:25:35 製作聯絡表單 02:28:58 把聯絡表單加入WordPress網站 02:30:42 強化網站資安功能 02:31:05 安裝Wordfence Security 02:31:45 設定Wordfence Security外掛 02:33:12 加入網站分析工具 02:33:42 安裝Site Kit by Google 02:34:44 安裝Google Search Console 02:36:16 安裝Google Analytic 02:39:12 步驟6回顧 02:39:34 如何架設部落格(Blog)/個人網站系列教學的結語 02:40:48 感謝收看諾特斯頻道