前言介紹
- 這款 WordPress 外掛「Options for Twenty Twenty-One」是 2020-11-03 上架。
- 目前有 8000 個安裝啟用數。
- 上一次更新是 2025-04-09，距離現在已有 24 天。
- 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 64 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
change | modify | customize | twentytwentyone | twenty-twenty-one |
內容簡介
Twenty Twenty-One 的選項
此外掛適用於 Twenty Twenty-One 主題，請參見我們針對 Twenty Seventeen、Twenty Nineteen 和 Twenty Twenty 的其他外掛程式。
此外掛會在預設的 WordPress 主題 Twenty Twenty-One 中增加以下修改選項：
常規選項
啟用在 WordPress v5.8 中引入的全站編輯工具範本編輯器。
在列印頁面時隱藏 URL。
變更本文字型大小。
移除連結底線。
注入一個側邊欄於您的網站選定區域。
變更對齊預設內容的最大寬度。
移除對齊預設內容的最大寬度限制。
減少對齊寬內容的最大寬度。
移除對齊寬內容的最大寬度限制。
將 WooCommerce 內容設定為符合對齊預設或對齊寬最大寬度。
選擇所選擇的存檔、部落格、標籤、類別或自訂分類法頁面的格狀範本。
標頭選項
隱藏整個網站標頭。
全寬標頭。
在網站標頭後方顯示網站內容。
為網站標頭選擇背景色彩。
選擇網站標頭的背景圖片。
選擇將背景圖像固定在標頭中以產生視差效果。
在首頁或整個網站上選擇網站標頭的高度。
減少網站標頭上方或下方的填充。
在 Chrome 或 Firefox 按下徽標時，防止產生虛線框。
在主導覽下方顯示網站徽標。
選擇網站徽標的最大寬度。
變更徽標下方的邊框寬度。
對齊徽標、標題和描述。
隱藏網站標題。
強制網站品牌在行動裝置、桌面電腦或兩者都是全寬的。
變更網站標題字型大小、字重、字母大小寫和顏色。
移除網站標題下底線。
隱藏網站說明。
變更網站說明字型大小、字重和顏色。
新增及設定網站標頭下方的邊框風格。
導覽選項
在較大的螢幕上將主導覽移出標頭。
在所有螢幕尺寸上顯示行動裝置導覽。
將行動裝置導覽項目對齊於右側。
隱藏行動裝置導覽按鈕上的虛線框。
在行動裝置和較大的螢幕上左、置中或右對齊導覽。
為主要選單設計邊框風格。
選擇主要選單的背景色彩。
增加在較大的螢幕上主要選單上方和下方的填充。
選擇手機版漢堡圖示的背景色彩。
隱藏行動裝置選單按鈕文字。
增大較小和/或較大的螢幕上漢堡圖示的大小。
變更漢堡圖示的顏色。
在主要菜單中使用社交圖示。
在 Chrome 或 Firefox 中按下連結時，防止背景產生變化。
變更較大的螢幕上導覽字型大小。
變更較大的螢幕上導覽項目水平填充。
變更行動裝置上導覽連結的顏色。
變更目前頁面項目的導覽連結顏色。
原文外掛簡介
Options for Twenty Twenty-One
This plugin is for Twenty Twenty-One theme, please see our other plugins for Twenty Seventeen, Twenty Nineteen, Twenty Twenty and Block Themes like Twenty Twenty-Two and Twenty Twenty-Three.
This plugin adds the following modification options to the default WordPress theme Twenty Twenty-One …
General Options
Enable full site editing tool Template Editor introduced in WordPress v5.8
Prevent URLs from showing when printing a page.
Change body font size.
Remove link underlines.
Inject a sidebar into chosen areas of your site.
Change the max width of align default content.
Remove the max width restriction of align default content.
Reduce the max width of align wide content.
Remove the max width restriction of align wide content.
Set WooCommerce content to match either the align default or align wide max width.
Choose a grid template for selected archive, blog, tag, category or custom taxonomy pages.
Header Options
Hide the entire site header.
Full width header.
Show site content behind site header.
Choose a background color for the site header.
Choose the background image of the site header.
Choose to fix the background image in the header to produce a parallax effect.
Choose the height of the site header on the home page or site wide.
Reduce the padding above or below the site header.
Prevent the dotted border when clicking the logo in Chrome or Firefox.
Show the site logo below the primary navigation.
Choose the maxium width of the site logo.
Change the width of the border below the logo.
Align the logo, title and description.
Hide the site title.
Force the site branding to be full width on mobile, desktop or both.
Change site title font size, font weight, font case and color.
Remove site title underline.
Hide the site description.
Change site description font size, font weight and color.
Add and style border below site header
Navigation Options
Move the primary navigation out of the header on larger screens.
Show the mobile navigation on all screen sizes.
Show the mobile submenu style on larger screens.
Align mobile navigation items to the right.
Hide the dotted border on the mobile nav button.
Align the navigation to the left, center or right on mobile and larger screens.
Style a border for the primary menu.
Choose a background color for the primary menu.
Increase the padding above and below the primary menu on larger screens.
Choose a background color for the hamburger icon on mobiles.
Hide mobile menu button text.
Increase the hamburger icon size on smaller and / or larger screens.
Change the color of the hamburger icon.
Use the social icons in the primary menu.
Prevent the background when clicking links in Chrome or Firefox.
Change navigation font size on larger screens.
Change the navigation item horizontal padding on larger screens.
Change navigation link colors on mobile.
Change navigation link color for current page items.
Change the font case of primary menu items.
Change navigation font weight, color and hover color.
Hide primary navigation sub-menu caret.
Chooase a sub-menu background color.
Change navigation sub-menu font size, color and padding.
Content Options
Reduce the padding above the main site content.
Choose link and hover colors for the main site content.
Inject Yoast SEO or Breadcrumb NavXT breadcrumbs above page content.
Hide all page / post headers.
Hide all page / post titles.
Show page title on front page.
Hide all archive / tag / category titles.
Hide all page / post featured images.
Change the background color on page titles.
Change page, post and archive title font size.
Change title font weight.
Reduce the padding below page titles.
Change the border and margin below page titles.
Chnage the width of the border in the post footer.
Change page title letter spacing.
Change the color of post titles on archive pages.
Reduce the margin above the page content.
Change the thickness of the separator block and hr tag.
Prevent the author from showing.
Move post date to below page title on single posts and the blog page.
Hide post date, taxonomies, tags and categories.
Change the comments titles font size.
Footer Options
Choose a background color for the site footer.
Choose the background image of the site footer.
Extend the footer background behind the footer widget area.
Change the footer text color.
Change the footer link color.
Change the footer secondary nav link font weight.
Reduce margin above widgets.
Change the width of the border above the site info.
Choose how many widget columns are shown on small, medium and large screens.
Change the maximum width of the footer.
Widget area font size.
Remove social icons from the footer secondary nav.
Choose a default color for the social icons.
Replace footer logo / title with social icons.
Hide site info area in the footer.
Align the site name, logo or “Powered by” text when one has been hidden.
Hide footer logo / title in the footer.
Choose the maximum width of the site logo in the footer.
Change the footer title font size.
Change the font case of the footer site title.
Remove the “Powered by WordPress” text displayed in the website footer.
Change the “Powered by WordPress” text font size.
Removes all the padding and margins in the site footer.
General Color Options
Change the primary color.
Change the primary link color.
Set a color for the site title or desription when dark mode is enabled.
Don’t see what you want?
Request a feature in the Support Forum!
Premium Options
The following options area available for users who have upgraded to the premium plugin …
Options in the editor to hide / show content behind site header on individual posts and pages.
Options in the editor to hide / show post / page header on individual posts and pages.
Options in the editor to hide / show title on individual posts and pages.
Options in the editor to hide / show featured image on individual posts and pages.
Options in the editor to hide / show sidebar on individual posts and pages.
Options in the editor to hide the widget area on individual posts and pages.
Options in the editor to hide the footer on individual posts and pages.
Use featured images as the site background.
Use featured images as the header background.
Add and style a header gradient over the background image.
Inject a widget area into the top or bottom of the header and use a Navigation Menu widget (for example).
Move logo inline with site title and description.
Choose fixed, sticky header, primary navigation or hamburger icon for mobile.
Choose fixed, sticky header or primary navigation for larger screens.
Add a dropshadow to sticky headers and menus.
Animate the dropshadow on sticky headers and menus.
Style header text shadow.
Align the sidebar to the left of the content.
Choose the width of the injected sidebar.
Choose the minimum width of the injected sidebar.
Choose a row template for selected archive, blog, tag, category or custom taxonomy pages.
Choose a column template for selected archive, blog, tag, category or custom taxonomy pages.
Show the desktop menu on smaller screen sizes instead of the hamburger.
Choose a breakpoint for the mobile menu.
Show the hamburger navigation as a flyout if used on larger screens.
Style the primary menu items on larger screens.
Hide the sub-menu toggles on the primary menu on larger screens.
Enable second-level, flyout sub-menus on larger screens.
Choose the background color for second-level, flyout sub-menus on larger screens.
Enable first-level, “mega menu” style sub-menus on smaller screens.
Inject a search function into the primary navigation.
Wrap the page / post content so it can have a different background color.
Remove “Tag: ” and “Category: ” prefix in archive titles.
Turn on a true parallax effect on cover blocks.
Add featured image functionality to tag, category and custom post type taxonomy archive pages.
Change the aspect ratio of posts in the Grid Template.
Choose the number of colums in the Grid Template for small, medium and large screens.
Change the Grid Template post border width color and style for posts that don’t have a featured image.
Change the font size, font case of post titles in the Grid Template for small, medium and large screens.
Change the shadow color and width on post titles in the Grid Template.
Show animated hover effect on grid items.
Show published dates below the posts in the Grid and Column Templates.
Choose the number of colums in the Column Template for small, medium and large screens.
Remove the word “Published” before the date on posts and words “Published in” on attachment pages.
Choose a background color for the footer widget area.
Increase the size of social link icons on larger screens.
Fix social links to the left or right on smaller and / or larger screens.
Add Linkedin, Telegram, TikTok, WhatsApp and Xing icons to secondary (social) menu (ask us to add others if you need them).
Change the color of the social icons to their relevant corporate colors.
Provide alternate text / HTML to replace site title / logo.
Provide alternate text / HTML to replace “Proudly powered by WordPress”.
Turn Dark Mode on by default.
Choose an alternative Dark Mode background image.
Choose an alternative Dark Mode logo.
The Twenty Twenty-One theme does not use jQuery, we use pure JavaScript on the front end of this plugin so it doesn’t need to enqueue jQuery.
This plugin makes use of hooks instead of child themes or custom templates which means it will work even after new versions of Twenty Twenty-One are published by the theme developers without breaking the theme 🙂
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Options for Twenty Twenty-One」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | 1.2.9 | 1.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5 | 1.3.6 | 1.3.7 | 1.3.8 | 1.3.9 | 1.4.0 | 1.4.1 | 1.4.2 | 1.4.3 | 1.4.4 | 1.4.5 | 1.4.6 | 1.4.7 | 1.4.8 | 1.4.9 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.5.5 | 1.5.6 | 1.5.7 | 1.5.8 | 1.5.9 | 1.6.0 | 1.6.1 | 1.6.2 | 1.6.3 | 1.6.4 | 1.6.5 | 1.6.6 | 1.6.7 | 1.6.8 | 1.6.9 | 1.7.0 | 1.7.1 | 1.7.2 | 1.7.3 | 1.7.4 | 1.7.5 | 1.7.6 | 1.7.7 | 1.7.8 | trunk |
延伸相關外掛（你可能也想知道）
Remove "Powered by WordPress" 》移除「Proudly powered by WordPress」外掛, 此外掛針對想要使用預設主題建立網站，但又不希望每個人都知道使用了 WordPress 來建構的人，可將「Proudly powe...。
Japanized for Twenty Twenty-One 》定制適用於日本的Twenty Twenty-One佈景主題。, 此外掛僅適用於Twenty Twenty-One及其子佈景主題。, 功能, , 設定日本文的字型族。, 可套用Noto Sans JP字型...。