Twentig – Twenty Twenty Customization

Description

Twentig makes it easy to customize Twenty Twenty. From blog grids to sticky header to custom footer layout, our plugin offers endless ways to enhance Twenty Twenty.

With our Customizer options, create a website that fits your personality by changing the fonts, colors, global styles, and the 404 page.

Take full advantage of the block editor and build your pages the way you want by using our page templates.

With Twentig & Twenty Twenty, you’ve got everything you need to build a beautiful WordPress website.

To get a glimpse of what you can do with Twentig & Twenty Twenty, check out the screenshots.

Header

  • Multiple header layouts
  • Sticky header
  • Header width
  • Header decoration (shadow, border)
  • Menu link style (font, color, hover/active decoration, spacing)
  • Custom logo for transparent header
  • Social icons in header menu
  • Button in header menu (menu-button CSS class)
  • Show/hide tagline
  • Mobile logo width
  • Custom hamburger icon
  • Show/hide the label of menu and search toggle buttons

Footer

  • Multiple bottom footer layouts
  • Footer widgets layout (1, 2, 3, 4, 5 columns)
  • Footer width
  • Custom copyright and remove “Powered by WordPress”
  • Social icons locations
  • Footer custom background color
  • Footer links color
  • Footer text scale

Site Layout

  • Text width options (default, medium, wide)

Blog Posts Page

  • Multiple blog layouts (stack, grid, grid card)
  • Blog columns (2, 3) for grid layouts
  • Featured image options (show/hide, aspect ratio)
  • Post content options (show/hide post content, excerpt length, continue reading)
  • Show/hide post meta (top category, date, categories, author, comment link, tags, icons)

Single Post

  • Featured image layouts (narrow, wide, full width, hidden)
  • Show/hide post meta (top category, date, categories, author, comment link, tags, icons)
  • Single post navigation layouts (default, image, hidden)
  • Hide comments section

Typography & Colors

  • Google Fonts options (curated collection and custom Google Fonts)
  • Ready-made Google Font pairings and presets
  • Font options (font family, font weight, font size, etc.) for body, headings, menu, and site title
  • Custom hexadecimal color for primary color
  • Page title section background color

Pages

  • Custom page templates to remove the title, header, and footer: build the entire page the way you want with blocks
  • Custom page templates to create transparent header: start your page with a custom hero built with blocks
  • Featured image layouts (narrow, wide, full width, hidden)
  • Cover Template style (height, vertical alignment)
  • Page subtitle
  • Alternative search results layout

404 Page

  • Option to assign any page as the 404 page

Additional Settings

  • Separator style
  • Button style (shape, hover, text transform)
  • Social icons style

Now you can start customizing and editing your full site.

Enjoying Twentig?

Get Started

Install and activate the Twentig plugin.

Make sure that the Twenty Twenty theme is active (Appearance > Themes).

To customize your website, open the Customizer (Appearance > Customize). Find additional options in the following panels: Twentig Theme Options, Site Identity, Colors, and Cover Template.

To build the entire page the way you want, you can set a transparent header and remove the title, header, and footer. Select one of the Twentig templates in the Document panel of the page (see last screenshot).

To add a subtitle to your page, write an excerpt in the Document panel of the page (see last screenshot).

Screenshots

  • Create a beautiful blog. Change the layout, the elements you want to display, and more.
  • Customize your header. Change the layout and style. Add social icons, button, and more.
  • Customize your footer. Change the layout and style, edit the copyright, and more.
  • Google Fonts. Easily change your website's fonts by using our font pairings or by picking the Google Fonts of your choice.
  • Sticky Header. Keep the navigation visible when the user scrolls the page.
  • Text width option. Change the default width throughout your website.
  • Custom Color. Customize the primary color with the hexadecimal color value of your choice.
  • Design freedom. Build the entire page the way you want by removing the title. Start your page with any block.
  • Transparent header. Start your page with a transparent header and a custom hero built with blocks.
  • Custom 404. Build a stunning 404 page.
  • Image navigation. Display the featured images on your post navigation.
  • Advanced page options. Easily add a subtitle to your page and change the page template (transparent header, no title, no header & footer).

Reviews

5 August 2020
The 2020 theme is beautifully minimal, but was always a bit too lacking in the configuration department to use on real world projects. This plugin changes everything and I absolutely recommend it.
3 August 2020
Your plugin is the best of its kind. You have added everything needfuls. Thanks for your work.
30 July 2020
Love it, I was pleasantly surprised, nothing else to say.
11 July 2020
Donated $10 after using this for ten minutes. Very sensible customization options that feel like they should be built into the core theme. Exactly what I was looking for.
Read all 26 reviews

Contributors & Developers

“Twentig – Twenty Twenty Customization” is open source software. The following people have contributed to this plugin.

Contributors

“Twentig – Twenty Twenty Customization” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Twentig – Twenty Twenty Customization” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.0.7

Release date: August 4, 2020

  • Fix: Change Customizer Javascript to display the right options when using Google Fonts.

1.0.6

Release date: August 3, 2020

  • New: Custom Google fonts. Add the Google Fonts of your choice.
  • Enhancement: Load minified CSS stylesheet.
  • Code quality: Refactor PHP and CSS code following the WordPress Coding Standards.
  • Fix: Change header z-index for better compatibility with third-party plugins.

1.0.5

Release date: June 25, 2020

  • Fix: Apply selected blog layout to custom taxonomies pages attached to the post type.
  • Fix: Properly align the More block “Continue reading” link for grid and stack blog layouts.
  • Fix: Apply the primary custom hexadecimal color to the faux-button class inside the Customizer live-preview.

1.0.4

Release date: June 11, 2020

  • Fix: Adjust first-child Cover block margin for Twenty Twenty 1.4
  • Fix: Adjust decoration for active menu links.

1.0.3

Release date: June 9, 2020

  • New: Added Google Font pairings and presets.
  • New: Added curated Google Fonts (Inria Sans, Jost, Manrope, Yanone Kaffeesatz, Zilla Slab).

1.0.2

Release date: May 27, 2020

  • New: Added font family and font weight options for site title.
  • Fix: Change sticky transparent header to opaque when AMP active.
  • Fix: Change sanitize function for site title letter-spacing.
  • Fix: Prevent improperly formatted URL for Google Fonts by specifying default menu font weight.
  • Fix: Prevent PHP error when setting hexadecimal color for primary color if no value was previously set.

1.0.1

Release date: May 24, 2020

  • Fix: Skip enqueueing JavaScript for AMP.
  • Fix: Update footer layout PHP logic.

1.0

Release date: May 23, 2020

  • New: Header layouts (Left, Stack Center).
  • New: Sticky header.
  • New: Header decoration (Shadow, Border).
  • New: Button in header menu. Added menu-button CSS class to transform a menu item into a button.
  • New: Social icons locations (Desktop Horizontal Menu, Expanded Menu Panel, Footer).
  • New: Bottom footer layout (Inline Left, Inline Center, Inline Right, Stack).
  • New: Blog layouts (Grid, Grid Card).
  • New: Blog columns (2, 3) for grid layouts.
  • New: Option to hide the post content on blog archives.
  • New: Featured image aspect ratio on blog archives.
  • New: Featured image layout on single post (Narrow Image, Wide Image, Full Width Image, No Image).
  • New: Single post navigation with featured images.
  • New: Featured image layout on page (Narrow Image, Wide Image, Full Width Image, No Image).
  • New: Custom 404 page.
  • New: Custom hexadecimal color for primary color.
  • New: Updated Google Fonts API to v2.
  • New: Updated font weights for variable fonts.
  • New: Added RTL support.
  • CSS Fix: Remove underline for hover/active menu links when the Color option is selected.

0.9.2

Release date: May 21, 2020

  • Update readme.txt file to change the plugin display name.

0.9.1

Release date: April 23, 2020

  • CSS Fix: Adjust top padding for Transparent header page templates.
  • CSS Fix: Adjust first block margin for No title page template on Safari.

0.9

Release date: April 3, 2020

  • New: Added text width option to set a wider text (applies to heading, paragraph, and default width blocks).
  • New: Added 2 page templates for transparent header. Make it possible to start a page with a transparent header and a custom hero built with blocks (cover, group, image, etc.).
  • Theme Fix: Adjust CSS margin and padding for several blocks to improve design and browser compatibility.

0.8

Release date: March 22, 2020

Make Twentig compatible with the upcoming WordPress 5.4 version.

0.7

Release date: March 16, 2020

  • New: Added curated Google Fonts (Arya, B612, Big Shoulders Display, DM Sans, Inria Serif, Kalam, Red Hat Display, Red Hat Text, Rufina, Signika, Ubuntu Mono).
  • New: Added color option for Menu Hover/Active Link.

0.6

Release date: March 2, 2020

  • New: Option to hide the bottom footer.
  • New: Widgets layout (display the widgets in 1, 2, 3, 4, or 5 columns).
  • New: Footer width.
  • New: Footer text scale.

0.5

Release date: February 24, 2020

  • New: Google Fonts and typography settings for Body, Headings, Menu, and Site Title.
  • New: Mobile logo width.
  • New: Page title section background color.
  • New: Footer custom background color.
  • New: Footer links color.
  • New: Space between primary menu items.
  • New: Hover/active menu links decoration.
  • New: Option to hide the label of menu and search toggle buttons.
  • New: Option to hide post meta icons.
  • New: Option to hide the navigation on single post.
  • New: Option to hide the comments section on single post.
  • New: Button shape (square, rounded, pill).

0.4

Release date: January 20, 2020

  • New: Add custom copyright option
  • New: Add blog featured image option
  • New: Add excerpt length option
  • New: Add hamburger menu icon option

0.3

Release date: January 13, 2020

  • New: Custom page templates (remove title, header & footer).
  • New: Remove the top margin for the first full-width block of a page. Remove the bottom margin for the last full-width block of a page.
  • New: Enable excerpt on pages to display a subtitle.
  • New: Convert blocks inside widgets.
  • Theme Fix: Reset outer margin for first and last block inside entry-content, group, and cover.
  • Theme Fix: Fixed background image on touch devices.
  • Theme Fix: Author and meta side margins for the cover template.

0.2

Release date: January 7, 2020

  • New: Customizer option to remove “Powered by WordPress” credit.

0.1

Release date: December 3, 2019

  • Additional Customizer settings for the Twenty Twenty theme.

0.0.1

Initial Beta Release