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 作為來源。

Astra 3.7.4 麵包屑更新

SEOPress 麵包屑標記將開始出現在頁面上。

第 3 步:自定義麵包屑

您現在可以使用 Astra 選項自定義這些麵包屑,例如

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

體驗 Gutenberg Core Blocks 改進的 UI/UX

Astra 與 Gutenberg 編輯器配合得很好。 更進一步,Astra 現在將在前端以及後端 Gutenberg 編輯器中提供更好的體驗。

新的 UI/UX 改進使整個編輯過程更加順暢,進而生成完美的輸出。

改進的塊佈局

改進的塊佈局包括:

  • 塊佈局- 改進了默認、寬和全寬的外觀
  • 默認佈局——這種佈局是一種盒裝佈局
  • 寬佈局- 寬佈局將從您的設置中獲取容器的寬度
  • 全寬佈局——全寬佈局將在屏幕的邊緣到邊緣
Astra 3.7.4 改進的塊佈局

改進的墊片

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

Astra 3.7.4 間隔塊改進

引文

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

Astra 3.7.4 引用塊改進

文件塊設計支持

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

Astra 3.7.4 文件塊設計

查看我們的 Gutenberg UI 改進以了解更多信息。

專用的 Astra Meta 設置面板,便於編輯

Astra Meta 設置是出現在所有單獨頁面和帖子上的專用設置。

這些是特定於頁面的設置,可以更好地控制單個頁面/帖子設計。 使用這些設置,您甚至可以覆蓋某些定制器設置。

例如,假設您不想在服務頁面上顯示主標題。 您只需從服務頁面的元設置中將其關閉即可。

這樣,除了服務頁面之外,您的標題將在整個網站上可見。

當您需要自定義特定頁面或帖子的外觀時,元設置非常強大。 在此處了解有關 Astra 元設置的更多信息。

元設置可在每個頁面和帖子的 Astra 設置選項卡下使用。 您可以在編輯時在右側邊欄中找到它們。

WordPress 塊編輯器提供 react-native 編輯器支持。 這意味著它提供了一個單獨的側邊欄面板,我們可以在其中添加我們自己的自定義元設置。

因此,在 Astra 3.7.4 中,元設置面板被帶到一個單獨的專用側邊欄面板。

Astra 3.7.4 新的古騰堡按鈕

在這裡,您可以通過單擊星形圖標從設置中固定和取消固定 Astra 圖標。 您可以從編輯器的選項中再次訪問它,如下所示。

這使您可以快速訪問元設置。 您可以輕鬆找到它們並選擇將它們固定在頂部。

立即更新到 Astra 3.7.4!

如您所見,此更新包含了許多很棒的功能,可以改善您的網頁設計工作流程並提供更大的靈活性。

立即更新 Astra 3.7.4 以試用這些新功能。

如果您有任何問題或疑問,請聯繫我們的支持團隊。

請在下面的評論中告訴我們您對此次更新的喜愛程度。