WordPress 5.3 中的新二十二十主題

已發表: 2019-12-20

幾週前,新版本的 WordPress 發布了。 WordPress 5.3 的特點主要在於它包含在塊編輯器中的所有 UX 和 UI 改進以及它的新默認主題。

Twenty Twenty在設計時考慮了WordPress塊編輯器。 在今天的帖子中,我想簡要介紹一下新主題,與您分享一些使它與眾不同的東西,並教您如何設置它並使其適應您的需求。

二十二十一目了然

隨著每次新的WordPress更新,塊編輯器都會發生質的飛躍(不要忘記編輯器本身正處於非常積極的開發中,並且可以作為插件使用)。 Gutenberg的最終目標是成為一個成熟的、用戶友好的頁面構建器,允許用戶按照自己的意願設計和構建他們的網站。

WordPress 中的新二十二十主題
新的二十二十個 WordPress 主題。

WordPress主題的職責是為用戶在塊編輯器中創建的結構和設計添加一些個性。 正如主題的創建者所定義的:

二十二十的設計以靈活性為核心。 如果您想將它用於組織或企業,您可以將列、組和媒體與寬對齊和完全對齊相結合,以創建動態佈局來展示您的服務或產品。 如果您想將它用於傳統博客,則居中的內容欄也非常適合。

安德斯·諾倫

關於新的WordPress默認主題的一個有趣事實是,與它的前輩不同,它不是從頭開始創建的——它基於 WordPress.org 存儲庫中已經存在的主題: Chaplin

卓別林主題的宣傳圖片。
WordPress 卓別林主題的宣傳圖片。

Twenty Twenty 的另一個不同之處在於其附帶的排版 Inter,由 Rasmus Andersson 設計。 它是一種免費且開放的字體,旨在促進文本閱讀,尤其是在字體很小的情況下。

國際米蘭主頁截圖(開放字體)。
Inter 是 Twenty Twenty 附帶的默認排版。

如何安裝新的二十二十主題

正如我已經提到的,這個主題是WordPress 5.3 中的新默認主題。 因此,如果您正在創建一個新的WordPress安裝並使用其最新版本,那麼主題將已經存在。

二十二十主題是 WordPress 5.3 中的默認主題
二十二十主題是 WordPress 5.3 中的默認主題。

但也可以在早期版本的WordPress中安裝它。 只需轉到外觀»主題»添加新並查找主題“二十二十”:

WordPress 5.3 中已包含二十二十
二十二十與任何其他主題一樣,非常易於安裝。

請記住,該主題的設計考慮了古騰堡,因此我建議您僅在使用塊編輯器創建內容時才使用它。

如何自定義二十二十

該主題可通過 WordPress 的內置主題定制器輕鬆定制。 單擊外觀»自定義,您將看到所有可用選項:

在 WordPress 中自定義二十二十
在 WordPress 中自定義二十二十。

我相信您已經熟悉了大多數可用的設置,所以讓我們仔細看看那些我認為最有趣的設置。 我個人在 2020 中調整的第一件事是它的調色板,因為我不喜歡它默認使用的棕褐色調。 相反,我會使用更白的東西:

二十二十默認配色方案
二十二十默認配色方案。

後出場

默認情況下,博客文章的外觀是清醒而優雅的。 正如您在以下屏幕截圖中看到的,標題出現在一些元信息(作者、出版日期、類別)旁邊,所有這些都顯示得非常醒目且非常乾淨:

二十二十中帖子的默認視圖
二十二十中 WordPress 帖子的默認視圖。

在標題之後是特色圖片,它或多或少與內容融為一體。

如果您不使用特色圖片(或者您只是不時使用它們),則此默認視圖可能是最好的。 但是,如果您在所有帖子中都使用特色圖片,我建議您將帖子的模板更改為Full Width Template

主題中可用的頁面和帖子模板
主題中可用的頁面和帖子模板。

使用此模板,特色圖像變得更加相關,並與標題和帖子的元數據合併。 如您所見,圖像將完全進行第一次折疊:

具有特色圖像的模板完全使用第一折
具有特色圖像的模板完全使用第一個折疊。

這是一個我覺得非常簡潔的功能(這並不奇怪,因為它非常接近我們在自己網站中使用的功能,對吧??)

菜單

我喜歡這個主題的另一件事是它允許您創建多個菜單,具體取決於您最喜歡的樣式。 一方面,我們可以在桌面的兩個菜單選項之間進行選擇:

  • 水平菜單。 這是之前所有屏幕截圖中顯示的菜單。 選項始終顯示在您網站的頂部欄中。
二十二十主題中的不同菜單
二十二十主題中的不同菜單。
  • 擴展菜單。 這是一個“隱藏​​菜單”。 要顯示它,您只需單擊省略號圖標(上一個菜單旁邊),擴展菜單將從右上角滑入:
擴展二十二十主題菜單
擴展二十二十主題菜單。

另一個相當不錯的壯舉是社交菜單。 有了它,我們可以添加指向我們社交網絡的鏈接,並且主題會自動將每個個人資料顯示為帶有相關社交網絡圖標的按鈕:

二十二十主題的社交菜單
二十二十主題的社交菜單允許您將鏈接添加到您的社交網絡並自動顯示相應的圖標。

這不是這個主題的新東西(它已經有一段時間了,現在,在所有二十多歲的主題中),但無論如何我仍然喜歡它。

小部件和搜索

最後,還值得一提的是主題包含的小部件區域。 不幸的是,我們這裡的選項非常有限:您只能在頁腳中添加小部件。 所以,如果你想在你的博客或類似的東西中有一個側邊欄,恐怕你必須創建一個子主題並根據你的需要調整模板。

Twenty Twenty 在頁腳中有兩個小部件區域,它們對應於您在捕獲中看到的兩列
Twenty Twenty 在頁腳中有兩個小部件區域,它們對應於您在捕獲中看到的兩列。

關於 WordPress 的內置搜索功能,該主題包括一個用於在您的博客上搜索內容的快速表單。 菜單中有一個帶有搜索圖標的按鈕。 單擊它,搜索框將通過 JavaScript 顯示在屏幕頂部:

動態搜索框包含在二十二十
動態搜索框包括在二十二十。

概括

Twenty Twenty 主題是每個新版本 WordPress 附帶的 Twenty 系列的下一步。 我不會說這是一個革命性的主題,但在我看來,這是一個非常優雅的主題,與 WordPress 的新特性和功能完美結合。 如果您正在考慮升級到新主題並且不知道使用哪個主題,請給 Twenty Twenty 一個機會。 它速度很快,看起來非常漂亮。

Ankhesenamun 96 在 Unsplash 上的精選圖片。