輕量級/反應快/多功能主題Astra

官方Demo：進入

官方價：49-149美元，本站提供持續新版本及漢化更新

注重整體效果

沒有jQuery

Astra 使用Vanilla JavaScript 來防止渲染阻塞jQuery 妨礙並影響效能。

只需半秒即可加載！

Astra 專為速度而打造，並針對性能進行了全面優化。作為最輕量級的主題，它的載入時間不到0.5 秒！

自託管Google字體

Astra 提供了在您的網站上取得Google 字體並將其本地儲存在您的伺服器上的功能。因此，字體載入速度將更快並提高Core Web Vitals (CWV – CLS) 分數。

小於50 KB

Astra 需要不到50KB 的資源，而其他WordPress 主題則需要100KB 的資源。

最佳化程式碼

Astra 使用預設的WordPress 資料並遵循最佳編碼標準，以確保每一段程式碼都經過最佳化。

強大的設計選項

佈局

使用版面配置來管理網站容器的佈局，例如標題、部落格、單頁、貼文等。

透明標頭

使用透明標題設定透明標題背景並將頁面向上拉，將兩者合併。

移動標頭

透過此功能，您可以自訂和調整標題斷點，為行動裝置設定不同的Logo、選單樣式、顏色等。

超級選單

使用您最喜歡的頁面建立器建立漂亮的模板，或輸入短代碼以將佈局包含在您網站上的大型選單中。

專用側邊欄

使用Astra，您可以建立頁面特定的側邊欄，這些側邊欄可以覆蓋網站上預設側邊欄的設定和自訂。

頁首和頁尾選項

Astra 附帶了幾個內建的頁首和頁尾選項，可透過Astra Pro 外掛程式進一步擴充。

粘性標題

這是一個即使用戶滾動時也會粘在頁面頂部的標題。它允許從頁面的任何部分快速存取選單。

頁眉

您可以新增自訂頁面標題並設定顯示規則，以將其顯示在網站的特定頁面和貼文上。

色彩和版式

您可以設定與您的品牌完美融合的顏色和字體，並輕鬆管理整個網站的顏色和排版。

WooCommerce 支持

Astra 完全支援WooCommerce，可透過定製器本身幫助您建造和設計您的商店。今天您就可以建立一個快速且有吸引力的商店！

網站佈局

盒裝

Astra 可讓您以盒裝佈局顯示主要內容，以將其與頁面上看到的其他內容區分開來。

附襯墊

您可以在內容的邊緣插入特定的邊距，以使其具有填充外觀。 Astra 的襯墊佈局讓您可以輕鬆做到這一點。

間距控制

Astra 的Spacing Addon 可讓您管理所有元素周圍的邊距和填充，並覆蓋預設的空間設定。

全屏寬度

Astra 隨附預設的全寬佈局，可讓您使用網站上主要內容的整個寬度。

流體佈局

Astra 為您提供了選擇流體佈局的選項，讓您可以將整個網站拉伸到螢幕末端。

預設容器

Astra 為您提供了一個預設容器，稱為主容器，在定制器本身內具有自己的特定佈局和設定。

版式

預設

版式預設是一組現成的文字和標題字型選項。只需點擊一下即可選擇合適的字體，以獲得更好的使用者體驗。

谷歌字體

Astra 讓您可以從多達700 多種Google 字體中進行選擇，以確保您獲得適合您網站的最佳排版。

響應式字體大小

Astra 可讓您根據要查看的裝置來控製版式大小。您可以為不同的裝置選擇不同的字體大小。

字體大小PX、EM

希望使用您喜歡的單位來確定字體大小？ Astra 允許您在PX 或EM 中設定它們。選擇您熟悉的一個。

自訂字體

希望在您的網站上使用自訂字體？透過免費的自訂字體插件，您可以匯入和使用您喜歡的任何自訂字體。

段落邊距選項

Astra 為您提供了一個選項，可以使用段落邊距選項來管理段落之間及其周圍的間距。

文本轉換

Astra 支援標題標籤的文字轉換。您可以為特定標題標籤選擇統一的文字格式。

顏色和背景

主標題

Astra 為您提供了一系列選項來控制網站主標題內的顏色和背景。您可以針對行動裝置和桌面裝置變更它們。

標題下方

您想更改下面標題中的顏色和背景嗎？ Astra 可以讓你改變裡面所有東西的顏色。

粘性標題

Astra 為您提供了一系列選項來控制網站黏性標題內的顏色和背景。

部落格/檔案

您可以透過Astra 的顏色和背景定制器設定來管理部落格或存檔頁面上的顏色。

側邊欄

您是否想過自訂側邊欄的顏色和背景？您可以使用定制器中的Astra 顏色和背景設定來執行此操作。

標題上方

您也可以管理上面標題上的顏色和背景！您可以為行動裝置設定不同的顏色和背景。

透明標頭

您也可以在透明標題上設定不同的顏色並輕鬆修改它們！ Astra 在定制器中為您提供簡單的顏色和背景設定。

內容

Astra 為您提供了一個簡單的介面，可以從一個位置管理不同類型內容的顏色。您可以控制標題標籤等的顏色。

單頁

您想管理網站單一頁面上的顏色和背景嗎？ Astra 允許您透過定制器控制它們。

頁腳

除了頁首、側邊欄和整個頁面中的所有內容之外，Astra 還為您提供了各種選項來管理頁腳上的顏色。

部落格佈局

網格佈局

使用Astra 主題中的部落格佈局在部落格頁面上以網格佈局展示所有部落格文章。

砌體佈局

想要以時尚的磚石佈局顯示您的部落格文章嗎？ Astra 為您提供了這個很棒的佈局來顯示您的所有帖子。

日期盒

Astra 允許您為您在部落格頁面上新增的每個貼文元素顯示一個流行的日期方塊。以時尚的方式顯示發布日期！

部落格結構控制

您可以管理單一貼文在部落格頁面上的顯示方式。透過依序放置特徵圖像、標題和元文字來控制結構。

後分頁

Astra 允許您添加時尚的分頁，將您的部落格文章分佈在多個頁面中，這些頁面可以透過下面的按鈕進行存取。

相關文章

Astra 可以輕鬆地在所有單一貼文上顯示相關貼文。您可以完全控制自訂相關貼文的佈局和外觀。

清單佈局

設定您的部落格頁面，以清單版面顯示您的部落格文章，該版面將每篇文章一個接一個地放置。

突出顯示第一篇文章

您想讓用戶確保他們已經閱讀了您的第一篇文章嗎？ Astra 允許您突出顯示清單中的第一個帖子。

摘錄數

摘錄作為帖子的摘要。您可以取得要在部落格頁面上的每篇文章中顯示的相應摘錄。

部落格內容寬度

您可以使用部落格內容寬度選項管理部落格頁面的內容寬度。此選項變更此頁面的容器寬度。

無限加載

您可以選擇無限載入選項，當使用者繼續向下捲動時，該選項會在同一部落格頁面上不斷載入部落格文章。

全域設計選項

全域調色板

借助Astra，您可以創建動態調色板並從一個地方控制整個網站的顏色。建立您自己的調色板並在全球範圍內使用它。

左Logo標題

Astra 可讓您在標題左側顯示您的組織logo。將其左對齊，並將剩餘空間用於其他內容。

右logo標題

您可以在標題中顯示網站logo，並使用Astra 主題中的logo設定將其向右對齊。

標題內容

Astra 讓您在網站的上述標題中添加所有類型的內容。想要新增HTML 程式碼、小工具、短程式碼或只是純文字？你可以做到的！

標題上方版面

透過易於使用的佈局，Astra 可讓您管理和控制上述標題的佈局及其內容。

靈活的頁腳佈局

Astra 提供了多種選項來選擇靈活的頁腳佈局以包含不同類型的內容，例如小工具。文字、HTML 程式碼、短代碼等。

複製/刪除頁首/頁尾元素

克隆將建立元素的精確副本，刪除將刪除未使用的元素以清理空間。這將節省您使用視覺頁眉頁腳建構器的時間。

中心標誌標題

想要在標題的中央部分顯示您的Logo嗎？ Astra 允許您對齊Logo並放置在標題的中心。

移動標題設計

Astra 可讓您根據網站的需求新增斷點並顯示彈出式選單、漢堡選單等。

標題內容下方

Astra 可讓您新增不同的小工具、HTML 內容、簡碼等來管理網站下方標題中的內容。

標題下方佈局

想要更改網站上以下標題的版面嗎？ Astra 為您提供了管理以下標題版面及其內容的選項。

頁腳欄佈局

Astra 可讓您選擇要在網站上的頁腳欄上顯示的正確版面配置。您可以選擇和管理其中的內容。

網路故事

網路故事是一種展示網站內容的引人入勝的方式，就像Facebook 或Instagram 故事一樣。您可以以現代風格分享有關您的業務的最新動態、亮點和所有令人興奮的新聞。

按鈕預設

整個網站的按鈕的預建設計。使用一組現成的按鈕形狀、尺寸和邊框輕鬆快速地設計按鈕樣式。

WooCommerce

網格設定

Astra 的WooCommerce 模組可讓您以網格佈局顯示您的產品，您可以根據需要進行自訂。

畫布外側欄

Astra 允許您在商店頁面上新增畫布外側邊欄。此側邊欄最初保持在螢幕之外，可以透過按鈕或連結觸發。

圖庫選項

在商店頁面的產品庫中顯示您的所有產品。您可以將佈局設定為網格或清單並進一步自訂。

銷售泡棉風格

您可以在產品上展示時尚且有吸引力的銷售氣泡，鼓勵快速購買並促進銷售。

集成

支援LifterLMS

Astra 與LifterLMS 無縫集成，幫助您建立一個有吸引力且無幹擾的線上課程網站。

模式集成

Astra 附帶了基本的架構標記實現，可以幫助搜尋引擎更好地理解您的網站。

支援LearnDash

Astra 與LearnDash 無縫集成，幫助您建立用戶友好且有吸引力的網站來提供線上課程。

搜尋引擎優化

Astra 遵循理想的編碼標準並為速度創建良好的網站結構而構建，帶有內建的架構標記，使其成為SEO 友好的主題。

網站建置者

自訂頁眉

您可以使用您最喜歡的頁面建立器建立自訂標題。建立您自己的自訂標頭並在整個網站或特定頁面上啟用它。

自訂404 頁面

使用Astra，您可以設計一個有吸引力的自訂404 頁面，其中包含您選擇的內容，並且看起來比預設404 頁面好得多。

顯示條件

您可以選擇在整個網站上顯示自訂佈局，或選擇您希望顯示它們的特定頁面。

自訂頁腳

Astra 可讓您使用您最喜歡的頁面建立器建立自訂頁腳，並在整個網站或您想要顯示的特定頁面上使用它們。

自訂佈局– 掛鉤

使用鉤子，您可以將自訂程式碼和內容注入到您想要添加的任何位置。 Astra 提供各種動作掛鉤供您選擇。

古騰堡頁面內的網站建立器

您可以使用您最喜歡的頁面建立器設計自訂部分，並將其顯示在選定的古騰堡頁面/貼文上的特定位置。