Twenty Twenty-One

作者 the WordPress team
選擇這款設計

如同其名稱所示,Twenty Twenty-One 為 2021 年的預設 WordPress 佈景主題!這款佈景主題為空白畫布,可自由發揮你的想法,讓區塊編輯器成為你最棒的畫筆。

透過全新的區塊版面配置,可讓你在短短幾秒內建立優美的版面配置,這款佈景主題的柔和顏色與吸引人且經典的設計,可為你的作品增添光彩。Twenty Twenty-One 適用於作品集、企業網站或個人網誌。

三種不同裝置顯示 Twenty Twenty-One 佈景主題 在 1440 像素的筆記型電腦螢幕上,主要內容欄寬度最大為 610 像素。「寬幅」區塊的寬度最大為 1240 像素,而「全幅」區塊則可延伸到整個螢幕寬度。簡易規格 (所有度量單位皆為像素):

  1. 在 1440 像素的筆記型電腦螢幕上,主要內容欄寬度最大為 610 像素,且為單欄版面配置。
  2. 頁尾有一個小工具區域,寬度為 1040 像素。
  3. 特色圖片建議大小為 2000 像素 (寬) x 1200 像素 (高)。

版面配置

Twenty Twenty-One 支援多種精美區塊版面配置。使用適合你故事或品牌的文案、圖片和顏色,自訂你喜歡的版面配置。

完整區塊編輯器支援

Twenty Twenty-One 的區塊編輯器

Twenty Twenty-One 的區塊編輯器

Twenty Twenty-One 專門用於充分發揮區塊編輯器的功能。Twenty Twenty-One 為區塊編輯器提供完整的編輯器樣式,因此你在編輯器中看到的內容會符合最終顯示的結果。 該佈景主題亦有完整的自訂顏色和排版選項,且支援寬幅和全幅寬度區塊。

自訂背景顏色

Twenty Twenty-One 提供各種預先選取的柔和色系組合,完全符合 AAA 對比度標準。你亦可針對佈景主題選擇自己的背景顏色,而該佈景主題會自動為你選擇可無障礙閱讀的文字顏色!

各種柔和色調

若要變更背景顏色,請導覽至「自訂工具」→「顏色」。

透過自訂工具變更網站的背景顏色

透過自訂工具編輯背景顏色

網站元素的顏色會根據你選擇的背景顏色自動計算。這可確保色彩呈現明顯對比,方便所有訪客點選操作。

深色模式

Twenty Twenty-One 為首款支援深色模式的預設佈景主題。在「自訂工具」>「顏色和深色模式」面板中,切換深色模式支援。

自訂工具顯示深色模式切換設定

小工具

Twenty TwentyOne 支援頁尾網站內容下方的小工具

在首頁新增內容

Twenty Twenty-One 完整支援區塊編輯器。你可以選擇任何可用的區塊,為網站建立豐富的內容。以下依區塊說明我們在示範網站上建立首頁的方式:

Twenty Twenty-One 支援網站標誌;網站標誌非常適合當作個人網誌或企業標誌或圖示的大頭貼。若要修改網站標誌,請執行以下操作:

  1. 開啟「我的網站」→「自訂」,然後按一下「網站識別」區段。
  2. 按一下「新增標誌」按鈕,開啟「媒體管理器」。
  3. 上傳新圖片,或選取「媒體庫」中已有的圖片。
  4. 按一下「設為標誌」,就會看到標誌出現在預覽中。
  5. 按一下頂部的「發表」按鈕,儲存變更。

新增社群圖示

Twenty TwentyOne 加入可在頁尾正上方設定次要選單的選項;此位置非常適合新增你的社群媒體個人檔案連結,且會以標誌顯示:

社群圖示

若要進行此設定,你必須先建立社群連結選單。https://youtu.be/3rTooGV_mlg 接著,為你的網站指定該選單的位置:

  1. 前往「自訂」→「選單」
  2. 選取「選單位置」面板。
  3. 將剛建立的選單指派到「社群連結位置」
  4. 按一下頂部的「發表」按鈕,儲存變更。

Twenty Twenty-One 的社群圖示選單包含以下圖示:

  • Behance
  • CodePen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Medium
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • WordPress
  • Yelp
  • YouTube

你可下載此佈景主題,以用來安裝 WordPress 自助託管

下載
對此佈景主題有疑問嗎?挑選此設計,然後和我們一起架設網站,我們就是你的得力助手!