Twentig – Twenty Twenty Customization

Beschreibung

Twentig makes it easy to customize Twenty Twenty. From blog grids to sticky header to custom footer layout, our features offer 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 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

  • Curated Google Fonts collection
  • 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 fonts by using ready-made Google Font pairings or by choosing from our curated font collection.
  • 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).

Rezensionen

11. Juli 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.
26. Juni 2020
I have seen a few plugins providing options for default themes, but »Twentig« is something else. I really liked Twenty Twenty, and Twentig feels as if its added customizer options help fulfill the themes' potential. Twentig really is the perfect partner for Twenty Twenty. --- Note to the devs: I have written a long blog post about Twentig (in German). If you'd like to have a look at it you'll find the link on Twitter (@pmmueller) as we're not allowed to post them here. And a BIG BIG thank you for this plugin!
25. Juni 2020
Very recommended to avoid adding any custom css to the Twenty-Twenty WP theme.
18. Juni 2020
This is an essential plugin for everyone who wants to make the most of theme Twenty Twenty. I found it when I was searching for a plugin to enhance the basic blogs page, to show more than one blog post.
Lies alle 22 Rezensionen

Mitwirkende & Entwickler

„Twentig – Twenty Twenty Customization“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Twentig – Twenty Twenty Customization“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Twentig – Twenty Twenty Customization“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

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