WordPress 5.3 中的新二十二十主題
已發表: 2019-12-20幾週前,新版本的 WordPress 發布了。 WordPress 5.3 的特點主要在於它包含在塊編輯器中的所有 UX 和 UI 改進以及它的新默認主題。
Twenty Twenty在設計時考慮了WordPress塊編輯器。 在今天的帖子中,我想簡要介紹一下新主題,與您分享一些使它與眾不同的東西,並教您如何設置它並使其適應您的需求。
二十二十一目了然
隨著每次新的WordPress更新,塊編輯器都會發生質的飛躍(不要忘記編輯器本身正處於非常積極的開發中,並且可以作為插件使用)。 Gutenberg的最終目標是成為一個成熟的、用戶友好的頁面構建器,允許用戶按照自己的意願設計和構建他們的網站。

WordPress主題的職責是為用戶在塊編輯器中創建的結構和設計添加一些個性。 正如主題的創建者所定義的:
二十二十的設計以靈活性為核心。 如果您想將它用於組織或企業,您可以將列、組和媒體與寬對齊和完全對齊相結合,以創建動態佈局來展示您的服務或產品。 如果您想將它用於傳統博客,則居中的內容欄也非常適合。
安德斯·諾倫
關於新的WordPress默認主題的一個有趣事實是,與它的前輩不同,它不是從頭開始創建的——它基於 WordPress.org 存儲庫中已經存在的主題: Chaplin 。

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

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

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

請記住,該主題的設計考慮了古騰堡,因此我建議您僅在使用塊編輯器創建內容時才使用它。
如何自定義二十二十
該主題可通過 WordPress 的內置主題定制器輕鬆定制。 單擊外觀»自定義,您將看到所有可用選項:

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

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


在標題之後是特色圖片,它或多或少與內容融為一體。
如果您不使用特色圖片(或者您只是不時使用它們),則此默認視圖可能是最好的。 但是,如果您在所有帖子中都使用特色圖片,我建議您將帖子的模板更改為Full Width Template :

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

這是一個我覺得非常簡潔的功能(這並不奇怪,因為它非常接近我們在自己網站中使用的功能,對吧??)
菜單
我喜歡這個主題的另一件事是它允許您創建多個菜單,具體取決於您最喜歡的樣式。 一方面,我們可以在桌面的兩個菜單選項之間進行選擇:
- 水平菜單。 這是之前所有屏幕截圖中顯示的菜單。 選項始終顯示在您網站的頂部欄中。

- 擴展菜單。 這是一個“隱藏菜單”。 要顯示它,您只需單擊省略號圖標(上一個菜單旁邊),擴展菜單將從右上角滑入:

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

這不是這個主題的新東西(它已經有一段時間了,現在,在所有二十多歲的主題中),但無論如何我仍然喜歡它。
小部件和搜索
最後,還值得一提的是主題包含的小部件區域。 不幸的是,我們這裡的選項非常有限:您只能在頁腳中添加小部件。 所以,如果你想在你的博客或類似的東西中有一個側邊欄,恐怕你必須創建一個子主題並根據你的需要調整模板。

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

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