第三場-吳軒老師-WordPress 區塊編輯器 × 網頁設計 × 行銷概念

✨ 課前感想

首先要感謝 Andy 老師去年一步一步帶著我做 Gutenberg & Spectra 的教學，
時間過得很快....! 距上次練習完居然要過了一年 !!
但由於去年的練習讓我在這次聽吳軒老師上課，許多觀念與更能與之前的經驗串接起來，
學習效果加倍!

📌 今日學習到很重要的觀念幫助自己:

更加深去年的課程! ! !這次更有感的是吳軒老師拿實際案例出來，
更可以與實戰上與這些元件運用連結串接起來。

🛠️ WordPress 區塊編輯器（Block Editor）

編輯器界面組成介紹分為:頂端、左側、中間編輯區、右側又可再分
清單檢視(類似 Photoshop 的圖層結構，可查看區塊的巢狀與包覆狀況。)、大綱檢視（ H1～H6）

Container（容器區塊）介紹

📊 行銷導向的頁面邏輯設計

一、建議結構（五大段落）：
破題：進站就明確說明你是誰，解決什麼問題

痛點：站在用戶角度說明他們的困擾

解法/優勢：說明你的方法能解決痛點

見證/信任：提供案例、社會證明

行動 CTA：填表、諮詢、下載、購買等明確引導

二、設計細節：

圖文並茂、留白適中、層次分明

避免視覺過度堆疊，提升閱讀性與信任感

📱 響應式設計 RWD

📈 360 追蹤系統（又稱天眼系統）

在我這裡我這裡會叫事件追蹤，Andy 老師的天眼可以直接在 wordpress 觀看超方便!

心得：
去年 Andy 老師的「地獄式訓練」讓我真正看懂數據背後的故事。

追蹤可以看到你想要看到的訪客在你的網頁裡面是怎麼與你的網頁互動!
了解使用者軌跡觀察他們有興趣的這一塊真的很神奇!!
我可以看見訪客當下對什麼文章類有興趣~~再過去有些客戶是有行銷團隊的
我都無法了解他們再幹嘛，我都是按照他們的要求在埋碼，經過 Andy 老師的地獄式訓練我終於開始了解這些數據藏著許多秘密，
我先不戳破~~ 等大家有一些文章出來的時候你就會覺得哇!!
好神奇原來這個人或他們感興趣的文章是這些並且點下哪些按鈕~

等等我這心得很歪樓......最後最後我還是要大大感謝吳軒老師，他拿出了許多實績案例真的幫助我很大!! 但我還是需要重新一直反覆觀看 吳軒老師這堂課細節滿滿我需要一再反覆觀看😅