Astra 3.7.4:SEOPress Breadcrumb 支持、Gutenberg 核心塊改進等
已發表: 2021-10-28萬聖節快到了! 我們為您最喜歡的 Astra 主題提供優惠折扣。 此外,我們還有自己的一袋零食,其中包含一些很棒的 Astra 更新。
通過每次更新,我們的目標是進一步實現我們的使命,即讓整個 Web 開發過程變得簡單易行。
在 Astra,我們 DNA 的核心部分是提供一個可靠的框架來構建快速、高性能的網站。 此更新是對此的另一個證明。
Astra 3.7.4 引入了三項新改進:
- 對 SEOPress (Pro) 插件的麵包屑支持:從 SEOPress 插件添加麵包屑並使用 Astra 樣式選項進行自定義
- 為 Gutenberg Core Blocks 提供更好的 UI/UX:在 Gutenberg 編輯器中體驗改進的塊佈局和更好的核心塊設計
- 單獨側邊欄面板中的 Astra 元設置:您現在可以從單獨的固定側邊欄面板輕鬆編輯 Astra 元設置
興奮的? 我們肯定是!
讓我們深入了解並了解更多信息。
使用 Astra 自定義 SEOpress 麵包屑
麵包屑可以幫助用戶了解他們在網站上的位置,並使他們更容易向後導航。 您知道您經常在頁面頂部看到類似於“主頁>博客”的文本嗎? 這就是麵包屑的作用。
麵包屑在各個方面都是雙贏的。 他們不僅在用戶體驗方面得分很高,而且在 SEO 方面也做得很好。 搜索引擎——尤其是谷歌喜歡它們!
Astra 提供了可以從定制器添加的內置麵包屑。 然後,您可以按照您想要的方式設置它們的樣式。
Astra 還支持來自外部插件的麵包屑。 您可以通過插件添加麵包屑並通過 Astra 管理樣式。 簡單的!
Astra 已經支持 Yoast SEO、Breadcrumb NavXT 和 Rank Math 等插件。 該列表的最新成員是 SEOPress。
SEOPress 是 WordPress 最受歡迎的 SEO 插件之一,在超過 200,000 個網站上使用。
如果您在您的網站上使用 SEOPress,這是個好消息!
如何從 Astra Customizer 添加 SEOPress 麵包屑
這是添加SEOPress麵包屑的快速概述。
第 1 步:為 SEOPress 插件啟用麵包屑
從您的 WordPress 儀表板,前往SEO > PRO > Breadcrumbs ,然後打開 Breadcrumbs。
有關更多詳細信息,請參閱我們關於如何在 WordPress 中添加麵包屑的文章。
第 2 步:選擇 SEOPress
從 Astra 定制器中,啟用麵包屑並選擇 SEOPress 作為來源。

SEOPress 麵包屑標記將開始出現在頁面上。
第 3 步:自定義麵包屑
您現在可以使用 Astra 選項自定義這些麵包屑,例如
- 位置:此選項允許您選擇顯示麵包屑的位置。 您可以選擇在標題內、標題後或標題前顯示它們
- 在特定頁面/帖子上禁用麵包屑:您將看到一個頁面和帖子列表,您可以在其中禁用麵包屑。 其中包括類別、存檔頁面、404 頁面等
- 對齊方式:您可以選擇對齊方式來顯示您的麵包屑
- 顏色:管理背景顏色、文本顏色、鏈接顏色
- 字體:為麵包屑設置自定義字體
- 間距:調整四周的間距

體驗 Gutenberg Core Blocks 改進的 UI/UX
Astra 與 Gutenberg 編輯器配合得很好。 更進一步,Astra 現在將在前端以及後端 Gutenberg 編輯器中提供更好的體驗。
新的 UI/UX 改進使整個編輯過程更加順暢,進而生成完美的輸出。
改進的塊佈局
改進的塊佈局包括:
- 塊佈局- 改進了默認、寬和全寬的外觀
- 默認佈局——這種佈局是一種盒裝佈局
- 寬佈局- 寬佈局將從您的設置中獲取容器的寬度
- 全寬佈局——全寬佈局將在屏幕的邊緣到邊緣

改進的墊片

如果您在頁面中使用間隔塊,有時很難看到。 我們添加了陰影背景和高度顯示,因此更加明顯。

引文
在編輯器中為 Pull Quote 塊添加了一個新的引用圖標,因此可以更清楚地看到該塊代表什麼。 對於那些使用 pullquotes 的人來說,這是一個次要但重要的可用性更新。

文件塊設計支持
借助最新的增強功能,您現在可以像設置其他塊類型一樣設置文件塊的樣式。

查看我們的 Gutenberg UI 改進以了解更多信息。
專用的 Astra Meta 設置面板,便於編輯
Astra Meta 設置是出現在所有單獨頁面和帖子上的專用設置。
這些是特定於頁面的設置,可以更好地控制單個頁面/帖子設計。 使用這些設置,您甚至可以覆蓋某些定制器設置。
例如,假設您不想在服務頁面上顯示主標題。 您只需從服務頁面的元設置中將其關閉即可。
這樣,除了服務頁面之外,您的標題將在整個網站上可見。
當您需要自定義特定頁面或帖子的外觀時,元設置非常強大。 在此處了解有關 Astra 元設置的更多信息。
元設置可在每個頁面和帖子的 Astra 設置選項卡下使用。 您可以在編輯時在右側邊欄中找到它們。
WordPress 塊編輯器提供 react-native 編輯器支持。 這意味著它提供了一個單獨的側邊欄面板,我們可以在其中添加我們自己的自定義元設置。
因此,在 Astra 3.7.4 中,元設置面板被帶到一個單獨的專用側邊欄面板。

在這裡,您可以通過單擊星形圖標從設置中固定和取消固定 Astra 圖標。 您可以從編輯器的選項中再次訪問它,如下所示。
這使您可以快速訪問元設置。 您可以輕鬆找到它們並選擇將它們固定在頂部。
立即更新到 Astra 3.7.4!
如您所見,此更新包含了許多很棒的功能,可以改善您的網頁設計工作流程並提供更大的靈活性。
立即更新 Astra 3.7.4 以試用這些新功能。
如果您有任何問題或疑問,請聯繫我們的支持團隊。
請在下面的評論中告訴我們您對此次更新的喜愛程度。