Astra Theme 教學:WordPress 輕量多功能主題(功能詳解)

Astra Theme 教學:WordPress 輕量多功能主題(功能詳解)

這是一篇「 Astra Theme 主題教學 」,分享有關 Astra 主題如何使用。

Astra 主題是這幾年成長快速的 WordPress 主題,它是輕量級且有多種可變選項,可做出完全不同類型的網站,打造自己或公司品牌官網。

這篇文章會著重於 Astra 免費版教學,把功能頗析並和大家分享,讓任何對它有興趣的人,都能免費入手套用。

如果你對 Astra 進階版有興趣,也可參考 Astra 進階指南:)

本文的目的,就是讓喜歡 Astra 主題的 WordPress 站長們,都能快速上手這款優質主題,章節如下:


1. Astra 主題是什麼?

wordpress佈景主題 :Astra 教學推薦
wordpress佈景主題 :Astra 教學推薦

Astra 是 Brainstorm Force 開發的主題,你無需會任何編碼,就可完美的 WordPress 網站製作,有免費版&進階版可使用。更多 Astra 主題教學

它是多功能的 WordPress 主題,不論是 Blog 建立企業形象網站電商購物網站線上課程網站預約網站 .. ,或是其他常見類型, Astra Theme 幾乎都能幫助你完成。

Astra Theme 內建多種主題樣板

Astra 有提供 Starter Templates 外掛,裡面有 70 多種樣板風格,一鍵安裝就能快速架站,非常的方便。免費版也有 30 多種可使用。

Astra 的 Starter Templates 外掛,提供多種樣板安裝
Astra 的 Starter Templates 外掛,提供多種樣板安裝

Astra 會如此流行的原因,其中一點是它對主流的 WordPress 視覺化編輯器,有著完美的兼容。

像是 Elementor、Beaver Builder、Gutenberg 等 .. ,可用這些頁面編輯器搭配 Astra 主題,完整製作個人或公司品牌網站。更多 Elementor 教學

Astra 主題速度評測

有關於主題速度表現,輕量的佈景主題、禁用 Jquery、優質的程式編碼,都是 Astra 速度優於其他主題原因。

這讓 Astra 在多個速度評測軟體上,都獲得了優異的表現。

Astra 主題,多種速度軟評測,優異速度
Astra 主題,多種速度軟評測,優異速度

Astra 多種佈局調整功能

Astra 有多種自定義選項,可充分設定網頁佈局,讓你的網站更像是客製化的效果。

有提供網站頁首 / 頁尾修改、主視覺顏色調整、字體字型調整、選單佈局調整、各頁面版面配置等 ..,輕量但精悍。

Astra Theme 輕量級 WordPress 主題
Astra Theme 輕量級 WordPress 主題

這意味著,你可以做大方向的調整,把網站設計成喜愛的樣子。

Astra 也支援電腦、平板、手機的即時預覽模式,加上有視覺化編輯效果,編輯起來更快速。

簡單來說,Astra 是多功能輕量級主題,支援主流頁面編輯器,絕對是值得使用的一款優質主題!


2. 免費版方案安裝+啟用

Astra Theme 有提供免費版和進階版,建議新手可從免費版開始體驗,覺得不錯用再升級進階版即可。

有關 Astra 免費版可從 WordPress 後台 > 外觀 > 安裝佈景主題,搜尋 Astra 主題就可安裝(不知道怎麼安裝的,也可參考 如何安裝 WordPress 主題)。

安裝完成後請記得 啟用,才會真正套用主題唷。

建立Blog :wordpress 佈景主題安裝
wordpress 佈景主題安裝

Astra 順利安裝完成,就能開始本文的學習囉。


3. Astra 主題教學範例

Astra Theme 是輕量多功能主題,主題速度快且客製化程度高,對於任何人都很容易上手。

裡面有內建多種風格樣板(需安裝 Astra 相關外掛),可一鍵套用再從中修改,很快就能打造個人網站。

對此我寫了幾篇教學,用 Astra 免費版就能達成,像是 建立 Blog企業形象網站購物網站架設

如果是打算架設購物網站,可參考 WooCommerce 教學 加上 金物流教學,會學習的更完整。

以上範例再配上 優質外掛推薦,就能做出功能齊全的網站。參考 WordPress 後台教學,也可學習更多操作。

除此之外,Astra 對主流的 頁面編輯器 都有良好支援,像是 Elementor、Beaver Builder 等 ..。

至於網站架設完成後,可 提交網站到 Google Search Console 加速被收錄速度,還有 安裝 GA 追蹤碼,方便掌握訪客資訊。

當然,Astra 還能製作多種類的網站,這邊僅部分範例。


4. 風格模板套用

Astra Theme 有多種風格模板可一鍵套用,再從現有的樣板修改,架站速度會很快。但使用 Astra 風格模板之前,需安裝相關外掛。

前往 WordPress 外觀 > Astra Options,點 Install Importer Plugin,會自動安裝 Astra 模板外掛。

安裝 Astra 起始樣板外掛
安裝 Astra 起始樣板外掛

或是可在 WordPress 外掛 > 安裝外掛,搜尋 Astra 找到下圖的外掛並安裝,都是一樣的。(兩個方法 2 選 1 就好)

安裝 Astra 起始模板外掛
安裝 Astra 起始模板外掛

安裝完成後,模板外掛會詢問常用的頁面編輯器是哪個,這邊選擇 Elementor 作為教學範例。

備註:上面如果是用第二種方法安裝,需自行前往外掛設定項,才會有下圖流程。

選擇頁面編輯器相關的模板
選擇頁面編輯器相關的模板

接著就會看到非常多種 Astra 使用 Elementor 編輯器做的起始模板。

找到喜歡的模板點入,可進行全站安裝 or 單一頁面安裝,就看自己的需求囉。

備註:右上角有標註 Agency 是 Astra 進階版才能使用,可參考 Premium Starter Templates 教學

Astra 多種起始模板,可供挑選
Astra 多種起始模板,可供挑選

以上是使用 Astra 風格模板外掛教學,善加使用就不用從零開始架站,網站建置流程會加快許多。


5. Astra 功能列表總覽

前往網站前台的任一頁面,點擊上方的 自訂,就能進行 Astra 設定。

前往 Astra 自訂選項
前往 Astra 自訂選項

Astra 容易上手的原因是,它把整個頁面分成簡單幾個區塊,想要改什麼,就直接去那個區塊裡面調整就好。

下圖我列出 Astra 區塊設定的大項目,大項目裡面又有小項目可調整,會放在下面章節慢慢教學。

Astra Theme 教學 :Astra 大綱功能一覽
Astra Theme 教學 :Astra 大綱功能一覽
  • Global 全站設定:Typography 文字設定、Colors 風格顏色、Container 容器設定、Buttons 按鈕設定。
  • Header Builder 頁首編輯器:有關網站 Logo、網站選單、佈局成列、顏色調整、是否為透明頁首等 ..。
  • Breadcrumb 路徑設定:網站路徑出現位置。
  • Blog 部落格設定:Blog / Archive 文章列表設定、Single Post 單一文章設定。
  • Sidebar 側邊欄設定:各頁面是否顯示側邊欄、側邊欄寬度調整。
  • Footer Builder 頁尾編輯器:上 / 中 / 下層頁尾調整,可自由設定頁尾工具、頁尾佈局、頁尾樣式等 ..。
  • WooCommerce 電商設定:設定電商相關頁面,有開啟 WooCommerce 功能才有,像是商品目錄頁、單一商品頁面、結帳頁面等 .. 設定。

Global 全網站設定

Global 全網站設定,顧名思義就是改了會影響整個網站,像是網站文字、風格顏色、佈局設定等 .. 。主要分成幾大項能做設定,如下。

  • Typography 文字設定
  • Colors 顏色設定
  • Container 網站佈局設定
  • Buttons 按鈕設定

額外小分享:如果在網站前台,有看到部分地方顯示為英文,可使用 Loco Translate 外掛 翻譯成中文唷:)

前往 Global 選項,我挑選其中一些做介紹。

Base Typography 基本文字設定

前往 Typography > Base Typography,調整基本文字,更改完記得點 發佈

可針對不同裝置調整字體大小,也可瀏覽不同裝置的呈現畫面。

Astra 文字相關設定
Astra 文字相關設定

如果選擇的是 Google 字體,Astra 會到遠端 Google 請求網站字體,這會消耗些許主機資源。

如果打算在 本機託管 Google Fonts,並提升網站速度,可參考連結文章。

Headings 網站標題文字設定

前往 Typography > Headings,可調整標題文字(包括文章、頁面標題之類的)。

網站標題以 HTML 程式碼的標籤是 H1 ~ H6,數字越小字體預設越大(SEO 權重也比較大),設定時也遵守這個概念就好。

下圖是套用在所有標題的預設值。

Astra 標題文字設定
Astra 標題文字設定

至於,如果想各別調整標題文字大小,當前設定頁面往下滑,就可針對不同 H1 ~ H6 標籤進行設定。

Colors 基本顏色設定

前往 Colors,可以調整網站文字顏色、主視覺顏色、連結顏色、標題顏色、背景顏色等 .. 。

Astra 網站通用顏色設定
Astra 網站通用顏色設定

Container 網站佈局設定

前往 Container,可調整全站佈局、頁面佈局、文章列表佈局、單一文章佈局、商品列表佈局(有安裝 WooCommerce 才有)等 .. ,相關呈現樣式。

Astra Theme 教學 : 頁面佈局樣式調整
Astra Theme 教學 : 頁面佈局樣式調整

Buttons 按鈕設定

前往 Buttons,可調整按鈕相關設定,像是按鈕顏色、文字顏色、內距調整等。

點內距調整的小圖示,可對不同裝置設定內距。

Astra教學 :按鈕相關設定
Astra教學 :按鈕相關設定

Header Builder 頁首編輯器

Header Builder 是 Astra 最新推出的功能,讓站長能自行客製化網站頁首,我覺得是這次改版最強大的功能。

下圖是 Header Builder 的主要功能一覽。

Astra 的 Header Builder 頁首編輯器,功能一覽
Astra 的 Header Builder 頁首編輯器,功能一覽
  • 功能編輯面板:滑鼠移至指定區塊上,就可新增不同的網站小工具,小工具也可拖曳排序。
  • 個別工具編輯:點擊小工具,就能進行指定編輯。像是上圖我新增了一個 Social 社群工具,點擊它就能編輯圖示顏色 or 內容連結等 ..
  • 上層 / 主要 / 下層頁首:主要分為 3 層頁首項目,點擊齒輪 ICON 可進行編輯。
  • General 當前功能:根據點擊的項目,會進行可設定項的切換。
  • Design 樣式設計:編輯樣式的地方,像是顏色、內距離、外距離等 ..。
  • Transparent Header 透明頁首:Astra 有分為「 一般頁首 」和「 透明頁首 」兩種,而 Astra 有些風格樣板會用到透明頁首(如果發現編輯樣式時,畫面沒有反應,那可能就是用透明頁首,就需點擊進入編輯)。

接下來分 3 個小步驟,實戰示範網站頁首的調整,從實際操作中應該會更能掌握。

Step1:編輯網站 LOGO

首先,先把滑鼠移至 Logo 上點擊筆 Icon,就會自動切換到 Logo 設定欄位。

上傳 Logo 後可調整大小(點擊電腦圖示,可針對不同裝置設定大小),而 Display Site Title 可依照需求是否隱藏網站標題(因為我 Logo 已經有標題,所以就把它關閉),然後記得儲存。

WordPress 網站 Logo 設定
WordPress 網站 Logo 設定

Step2:編輯網站選單

Astra 的電腦版選單(Primary Menu)和手機版選單(Mobile Menu),兩個需在不同的地方設置。

首先設計電腦版選單,點擊選單編輯 Icon,左邊可編輯子選單寬度、進場效果、底線分割等 ..。

然後點擊 Design,前往選單樣式編輯。

使用 Astra 主題,編輯網站主選單
使用 Astra 主題,編輯網站主選單

這邊可編輯選單樣式,像是文字顏色、背景顏色、字體樣式、內 / 外距離等 ..。

編輯 WordPress 選單樣式
編輯 WordPress 選單樣式
  • Menu Color(Text / Link):選單文字顏色,有 3 個圈圈顏色分別是「 一般 / 滑動 / 激活 」狀態時,所呈現的顏色。
  • Menu Color(Background):選單背景顏色。
  • Menu Font :選單字型,可調整字型相關樣式。
  • Menu Spacing: 選單內距離。
  • Margin:選單外距離。

然後,切換到手機版視窗,點擊 Mobile Menu 手機版選單,就可設定相關樣式,完成後記得儲存。

編輯 Mobile Menu 手機版選單
編輯 Mobile Menu 手機版選單

Step3:設計 Above Header 上層頁首

點擊上層頁首的加號,就可新增小工具,這邊我用 Social 社群工具示範。

在上層選單,新增社群分享功能
在上層選單,新增社群分享功能

再來點擊 Social 社群工具,左邊會出現可設定項目,可自由新增社群圖示、修改社群連結、修改顏色等 ..。

編輯 Social 社群功能
編輯 Social 社群功能

點擊上層選單 Icon,設定選單高度。

Astra Theme 教學 :編輯上層選單樣式(Above Header)
編輯上層選單樣式(Above Header)

點擊 Design 設計上層選單樣式,可調整背景、內距外距離等 ..,最後記得儲存。

Astra Theme 教學 :編輯上層選單樣式(Above Header)
編輯上層選單樣式(Above Header)

如此一來,我們的網站頁首就變得更加美觀了!以上就是 Astra 的 Header Builder 頁首編輯器的操作介紹。

額外提醒:Transparent Header 透明頁首設定

Astra 有些風格樣板是使用「 Transparent Header 透明頁首 」進行設計,確認是不是的方法很簡單,只要看一下當前頁面的頁首,是否是透明的就大概可知道

而透明頁首的樣式調整是在不同地方,記得要到對的位置更改唷:)

Astra Theme 教學 :Transparent Header 透明頁首修改
Transparent Header 透明頁首修改
  • Enable on Complete Website:是否把透明頁首應用在全網站。
  • Enable On:可選應用在哪個裝置。
  • Different Logo for Transparent Header:是指在透明頁首的情況,是否使用不同 Logo。

Breadcrumb 路徑設定,就是「 網站當前路徑 」的意思,也有人用比較可愛的說法「 網站麵包屑 」。

前往 Breadcrumb 就可設定,這通常比較少人調整,所以就簡單介紹。

Astra 網站麵包屑(網站路徑)設定
Astra 網站麵包屑(網站路徑)設定

網站路徑顯示位置,是用 Header 頁首做為基準點,有 None 不顯示、Inside 頁首中、After 頁首後、Before Title 標題前,這幾種。

但我自己是用 None 不顯示,可看個人的需求。


Blog 部落格頁面設定

Blog 部落格頁面設定,有這兩大項可以調整,我挑選其中幾個功能做介紹。

  • Blog / Archieve 文章列表
  • Single Post 單一文章頁面

Blog / Archieve 文章列表

主要是調整文章列表相關的(可前往網站的文章列表頁,方便查看變化)。

Astra 文章列表,相關設定
Astra 文章列表,相關設定
  • Content Width 內容寬度:可調整頁面寬度。
  • Post Structure / Meta 文章結構&描述:有多種可顯示的區塊,點擊眼睛 icon 可顯示或關閉,欄位可拖放排順序。
  • Post Content 內容顯示方式:有 Excerpt 摘要、Full Content 完整內容,這兩種內文顯示方式。建議選 Excerpt,預防頁面過長問題。
  • Title Font Size:可調整文章標題大小,也可針對不同裝置調整大小。

Single Post 單一文章頁面

跟上面可調整的功能差不多,只是應用在單一文章頁面,所以就不多加敘述。


Sidebar 側邊欄設定,可調整網站各頁面的側邊欄佈局。前往 Sidebar 選項,下面會做介紹。

Astra 主題側邊欄設定
Astra 主題側邊欄設定

有幾種側邊欄佈局可選擇,分別是 Default 預設、No Sidebar 不顯示、Left Sidebar 左側邊欄、Right Sidebar 右側邊欄。

這邊分享我自己的設定(可依照你需求更改)。

  • Default Layout 預設側邊欄佈局:我是選 Right Sidebar ,就是全站頁面都會出現右側邊欄(如果有指定頁面不想顯示,我會再各別到文章 or 頁面改為 No Sidebar)。
  • Pages 網站頁面:WordPress 頁面類型。我是選 No Sidebar,因為頁面設計通常比較多變化,頁面會需比較寬一點。
  • Blog Posts 單一文章:我是用 Default,因為我在 Default Layout 已經選 Right Sidebar,所以這裡選 Default 就會套用設定。
  • Archives 文章列表:我是用 Default,因為我在 Default Layout 已經選 Right Sidebar,所以這裡選 Default 就會套用設定。

在 WordPress 系統中,文章和頁面是不同的,可參考 兩者差異

網站側邊欄裡,可以放置許多有用的小工具,像是搜尋框、最新文章、電子報訂閱等 ..,相關設定可參考 WordPress 教學


Footer Builder 頁尾編輯器,跟前面有提到的 Header Builder 操作方法大同小異,也是能讓你客製化網站的好幫手。

一樣有分為上中下層頁尾,點擊要修改的齒輪,能個別調整顯示欄位&佈局樣式。

Astra Theme 教學 : Footer Builder 頁尾編輯器
Footer Builder 頁尾編輯器

當然你也能自行新增許多小工具,豐富你的網站頁尾。至於要修改樣式,一樣切換到 Design 分頁即可。

下圖是示範如何編輯 Copyright 工具,點擊後左邊可編輯,編輯區內有括號是 Astra 系統動態文字,會自動帶入你的網站名稱、目前年份等 ..,如果不要的可以刪掉。

Astra Theme 教學 : 編輯頁尾小工具
Astra Theme 教學 : 編輯頁尾小工具

以上就是 Astra 免費版的教學囉,相信大家一定都收穫滿滿吧:)


Astra 進階版方案,更多教學?

有關於 Astra 進階版,我寫了多篇使用教學,方便你認識和上手 Astra 進階功能,如下。

  • Astra Pro:Astra 進階版方案,強化功能詳細教學,可參考 Astra 進階教學
  • Astra Pro WooCommerce:WooCommerce 電商功能強化,可參考 Astra Pro WooCommerce 教學
  • WP Portfolio:製作網站作品集、展示頁面、服務案例等 .. 專用外掛,可參考 WP Portfolio 教學
  • Ultimate Addons for Elementor:在 Elementor 上新增 40+ 個元素功能、100+ 網站模板、200+ 區塊模板,可參考 UAE 教學
  • Premium Starter Templates:有更多 Astra 進階模板可使用,可參考 Premium Starter Templates 教學

如果都看完,相信你對 Astra 主題的整體掌握度,大概也就如魚得水了吧,加油唷:)


常見問題

Astra Theme 主題是什麼?

Astra 是 Brainstorm Force 開發的主題,你無需會任何編碼,就可完美的 WordPress 網站製作,有免費版&進階版可使用。

它是多功能的 WordPress 主題,不論是 Blog 建立企業形象網站電商購物網站 等 .. ,或是其他常見類型, Astra Theme 幾乎都能幫助你完成。

Astra 有模板可直接套用嗎?

Astra 有提供 Astra Starter Sites 外掛,裡面有 70 多種樣板風格,一鍵安裝就能快速架站,非常的方便。免費版也有 30 多種可使用。

Astra 主題速度快嗎?

有關於主題速度表現,輕量的佈景主題、禁用 Jquery、優質的程式編碼,都是 Astra 速度優於其他主題原因。

這讓 Astra 在多個速度評測軟體上,都獲得了優異的表現。

Astra 進階版要如何選?

如果是第一次嘗試 Astra 主題的人,可先從 Astra Pro 方案開始,因為費用最便宜。

如果有客製化作品集 or 服務案例的頁面需求,或是本身是 Elementor or Beaver Builder 頁面編輯器的使用者,可選擇 Mini Agency Bundle 方案。

Astra 有支援主流的頁面編輯器嗎?

Astra 會如此流行的原因,其中一點是它對主流的 WordPress 視覺化編輯器,有著完美的兼容。

像是 ElementorBeaver Builder、Gutenberg 等 .. ,可用這些頁面編輯器搭配 Astra 主題,完整製作個人或公司品牌網站。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,你可以在下方留言給我,我會盡力協助解答。

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

我最近也開啟了 YouTube 頻道,裡面有些影片教學,你也能配上 Blog 一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。

當然,如果怕問題描述不清楚,也可以加入 WordPress 教學時光屋 – 犬哥網站 ,我同步也會在社團中幫忙解惑。

希望這些對你有所幫助,祝架站順利啦。

犬哥網站:wordpress教學社團

45 thoughts on “Astra Theme 教學:WordPress 輕量多功能主題(功能詳解)”

  1. 小犬大您好,

    我是昨天才剛剛接觸網站製作的新手,
    我在套用模板時都會跳出”The import process interrupted
    Your website is facing a temporary issue in connecting the template server.
    Read article to resolve the issue and continue importing template.

    Error: 0 error”的錯誤訊息,

    前面的步驟都有按照您文章說的進行,
    請問可能會是什麼原因呢?

  2. 小犬大您好,

    我是昨天剛開始製作網站的新手,
    前面的步驟照著您文章中進行都沒問題,
    但套用模板時會跳出”The import process interrupted
    Your website is facing a temporary issue in connecting the template server.
    Read article to resolve the issue and continue importing template.

    Error: 0 error”的錯誤訊息,
    請問可能會是什麼原因呢?

  3. 很有用的教學,我是剛接觸WP部落格的(以前都在痞客邦),換了幾個主題,剛剛從HUEMAN跳來ASTRA,因為聽說最多人用。可是對於目前只會傳統編輯器,連區塊編輯器、GUTENBERG、ELEMENTOR這類都還沒學過的人,是否可用ASTRA哩?換言之,ASTRA可用傳統編輯器來操用一堆設定嗎?還是該換回HUEMAN這類主題去?我主要只是個人寫作部落格,暫時沒想到要做商業網站(但日後可考慮)。謝謝!

    1. HI UNOLIN:

      Astra 是一款非常輕量且快速的主題很推薦使用,至於有沒有學過任何編輯器都無所謂,因為非常好上手(而且 Astra 也不一定要配上 Elementor,主要是依照你的架站需求)。

      如果要寫文章,會建議使用 WordPress 預設的區塊編輯器寫作,因為這是 WordPress 目前的趨勢。

      我們不推薦使用任一頁面編輯器寫文章(如:Elementor),它們既然稱作「頁面」編輯器,理所當然的強項是應用在設計頁面。

      至於 Astra 可否用傳統編輯器寫作,答案是當然可以。但區塊編輯器是 WordPress 的趨勢,而且上手後寫作方便性更高,其實可以試看看。

      以上希望有幫助到你唷:)

  4. 很同意小犬的回覆,Gutenberg 確實是趨勢。雖然一開始推出bug不少讓我還用disable gutenberg 外掛網站才正常運作,但後來有慢慢改善,而且上手簡單速度也快。尤其原生的「可重複區塊」讓維護變得輕鬆很多,使用section也讓css的全域和區域操作更直覺。

    所以後來我把各網站的Elementor、Page Builder頁面都慢慢轉成區塊,雖然頁面很多要改很久==但我覺得值得,說實在的外掛越少越好。

    1. 嗨!是呀~感覺也是過來人的真實心得分享!很棒的分析!

      我看重的也是重複區塊功能,因為對於長時間編輯的部落客來說,這個功能很重要(特別是有單一區塊需重複使用)。

      把部分頁面從 Elementor 轉為區塊編輯器,是一個大工程,但相信之後速度也會快許多!

      還有我也認同外掛越少越好,果然都是 WordPress 使用一段時間的心聲哈哈XD

  5. 小犬你好,請問我以用了Astra主題,但是想要更換頁面的背景圖片一直找不到,請問小犬原本的背景圖片該如何更換呢?

  6. 小犬你好,我剛開始學用WP架網站,astra選單都無法固定浮在上方嗎?看了好幾種模板,選單好像都要把頁面拉到最上面才能點?

  7. 請問,如果自己有公司本身的底圖要當home的背景圖,那下手編排呢?astra所下載的排版全都不能做增減嗎?感覺放入astra只能更改一些圖示編排,那本身的文字怎麼做改變?

    1. 嗨~Naomi:

      你提到背景圖更換&更多網站佈局,是 Astra Pro 內的功能。

      有關更多 Astra Pro 功能,可參考:https://frankknow.com/astra-pro-tutorial/

  8. 您好,感謝您介紹這個好用的工具,目前遇到了問題,我在本地端電腦架設測試網站並上傳astra.外掛,一直顯示無法成功安裝外掛,電腦是Mac利用MAMP,然後使用的瀏覽器是chrome。

  9. 您好,感謝您的分享,目前下載了免費版本然後上傳外掛一直無法成功,會顯示“無法安裝這個安裝套件。 找不到有效的外掛”。瀏覽器使用chrome或saferi都是一樣。

  10. 小犬你好,請問這個網站的風格我好喜歡,用astra能模仿嗎?不用elme最好還是你們討論區裡說的什麼模塊功能呢,想要的風格的目標站是gamewtih . jp

    1. 嗨,使用 Astra+Elementor 可以做得到,但這個網站算是比較大型一點的。

      有些客製化頁面功能,可能需升級為 Astra or Elementor 進階版搭配,比較有辦法完成。

      以上給你參考唷:)

  11. 你好,謝謝你的詳細教學。
    想請問ASTRA佈景主題,如果我想設定導覽列上的連結可以另外開啟分頁,要如何設定呢?因為我在選單和自訂都找不到設定。謝謝!

    1. 嗨,在 WordPress 後台,外觀 > 選單,進入後的右上角「顯示項目設定」,把「連結目標開啟方式」打勾,就可以做相關設定了~

  12. 小犬 您好 😊 謝謝您分享這麼好的佈景,因為我的 WordPress 佈景主題太老舊,Theme 已經變成孤兒了 😅 ,我研究了很多主題之後,才找到您這裡來,請問您有提供主題轉換 (移植)到 Astra 的服務嗎? 請問您如何收費呢?🙏 因為我的網站問題有一點大 😭 方便跟您用 LINE 溝通嗎? 謝謝您 🙏 PS. 我有寄一封 Email 給您呦,請您查收看看 🙏🙏🙏

    1. 嗨,謝謝你的鼓勵:)

      至於你提到的問題,因為目前人手不太足夠,所以暫時沒有提供接案服務,謝謝你的發案。

  13. 站長您好:

    謝謝您的用心分享!想請問社群設定的部分,放上連結後社群反而顯示不能按的標誌,本來沒有放連結是可以按,只不過沒有出現頁面而已,發現只EMAIL這個功能可以用,其他像IG都是放上連結後無法使用。

    想請問是我的設定出了什麼問題嗎,謝謝您!

  14. 您好,目前看您的教學製作網站,但不知道為何,頁首的背景無法更改,想換成圖片背景,但始終沒有顯示

    1. 嗨,在 Global > Colors > Background 裡面應該可改背景圖。

      有時候也可能是讀到舊的快取,可以刪除舊快取後再試看看~

  15. 小犬您好:
    非常感謝您的詳細教學,我也試著用astra主題建置了部落格,想請問像是留言區這邊的文字的"Leave a Comment"、"Post Comment"等等英文說明,免費使用版可以更改嗎?在哪邊做更改呢?

  16. 小犬老師好:

    感謝您詳盡的教學,我已經成功架設完購物網站!
    但有一些bug有點無法解決,就是當我開另一個頁面進我的網站,按我的帳號登入會員的畫面時,有時會出現wordpress的登入頁面,而非網站的登入頁面。我的客戶也跟我反應過這個問題。我不知道該怎麼辦,還請小犬老師幫幫我,告訴我該怎麼解決。非常感激!!!

    1. 小犬網站 - Luna

      嗨,Grace,

      可以前往 WooCommerce 設定 > 進階,指派「 我的帳戶 」頁面,頁面一定要有 WooCommerce 客戶頁面短代碼唷。

      之後到選單檢查,指派選單時,選擇「 頁面 」形式,不要選擇「 連結 」形式,不然可能會貼到前往後台登陸的路徑。

      希望我的回答有幫助到你:)

  17. 小犬大大您好:
    想請問關於選單的設定,當我的選當下有子選單項目時,我這邊想要調整SUBMENU下拉式選單顯示的相關大小/樣式,但我看我的SUBMENU裡面好像沒有可以修改的選項,請問這是要安裝PRO版才有的功能嗎? (我目前的下拉式選單滑鼠移上去會自動跑出我設定的五個子選單,但是最上方選項及最下方選項超出下拉式選單的框格)

    1. 小犬網站 - Luna

      嗨,Henry,

      是的,修改 SUBMENU 是 PRO 版本的功能,如果有修改的需求,就需升級到 PRO 版本唷!

  18. 小犬你好,
    看了你的影片開始學習架設網站。
    我遇到了一個問題摸索了3天一直找不到原因。
    不知道是動到哪個地方導致我的Header builder的主選單和Logo以及頁尾的地方都沒有顯示出來。
    您可以從我的網站看到目前呈現的樣子
    希望能請您協助我解決問題,非常感謝!

    1. 犬哥網站 - Luna

      嗨,Jason,

      有進去你的網站觀看,發現你的 Header 和 Logo 都有正常顯示唷,

      不過有一點小提醒,你最後一個選項的超級選單似乎會超出畫面範圍,可以再調整看看主選單的寬度:)

Leave a Comment

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

回到頂端