Astra 主題深度設定:效能、客製、子主題完整教學

TL;DRAstra 之所以主流——極輕(<50KB CSS)、跟 Elementor 相容度最高、免費版就夠用。

必做的 5 個效能設定

1. 停用不用的模組: 外觀 → 客製 → 效能 → 停用「相關文章」「作者信息」等用不到的

2. Body 字型改用系統字型: 選 System Font(不載入 Google Fonts),首屏快 200-400ms

3. 停用 IE 支援: 設定 → 一般 → 停用 IE 相容,省 CSS 檔案

4. Container Layout 選 Content Boxed: 內容置中、視覺整齊、CLS 分數高

5. Header Preset 選 Simple: 複雜 header 會拉低 LCP 分數

必做的 5 個效能設定

與 Elementor 搭配與子主題

與 Elementor 搭配

  • 頁面範本選「Elementor 全寬」or「Elementor Canvas」
  • Elementor Global Colors 對應 Astra 的品牌色
  • 用 Astra Hooks 加自訂 code(比 Elementor Custom CSS 更乾淨)

子主題(Child Theme)建立

  • 官方 Child Theme Generator:Astra 官網下載
  • 或手動:新建資料夾 astra-child、寫 style.css 與 functions.css
  • 為什麼要子主題:主題更新時你的 functions.php / style.css 不會被覆蓋

常用 Astra Hooks

  • astra_header_top:Header 上方加內容(通知列)
  • astra_footer_before:Footer 前加內容
  • astra_entry_content_before:文章內容前加內容
與 Elementor 搭配與子主題

為什麼要找 LOOKME 做網站與數位行銷?

看完上面的內容,你會發現——現代網站不是「架起來就好」。設計要顧美感與轉換、SEO 要顧結構與內容、行銷要顧公域與私域,每一步都要有數據驗證。單點外包 5 個廠商,通常不會贏過一個真正整合的團隊

LOOKME 數位行銷的 5 個差異:

  1. 一站整合,不用你當專案經理:網站、內容、SEO、短影音、LINE 官方帳號,一個窗口對到底
  2. 我們自己就在跑:所有策略先在我們自家品牌驗證過才提案
  3. 交件即帶走:網站、內容、影音原始檔全部給你
  4. 月報說人話:直接告訴你這個月哪 3 件事有效、下個月做什麼
  5. 不強推方案:預算不夠時我們會告訴你「先做這一項就好」

服務項目對應

想聊聊你的狀況?先聊,不收費、不推銷

留下你的產業、目前遇到的狀況與預算範圍,我們會依實際情況給出具體的優先順序建議,而不是一開口就先報價。

也可以直接點文字連結:LINE 諮詢 →聯絡我們 →

讓好想法,被看見。—— LOOKME 數位行銷

返回頂端