Twenty Twenty

Hypotheses offers its users access to the graphic themes developed by WordPress teams in priority, to insure greater durability, consistency and long-term flexibility for the platform. Find all the graphic themes available in the “Appearance” category of the House of blogs.

Just like Twenty Nineteen, or even more, the Twenty Twenty theme is designed to take full advantage of the block editor’s layout options, including a specific styling for each type of block: what will be built in the block editor will look exactly like what will be visible on the public interface.

Once the theme is activated from the Appearance > Themes menu in the administration interface of your blog, you will find its configuration options in the Appearance > Customize menu.

• 

• 

In its simple version, where no Column, Banner, Group, Quote, etc. blocks are used to create a static home page or a particular article layout, this theme features content with large, centered headings and navigation elements, and large, customizable color areas. With few structural customization options from the theme’s customization interface, it allows the author’s inventive use of blocks. Created to promote font accessibility, it only offers a mix of sans-serif for titles and emphasized elements (Citation or Banner blocks for example) and serif for simple text.

This theme offers two customization options in Customize > Theme options :

• The ability to display only excerpts of posts (with a “read more” link) on the home page and category, tag or author pages, without adjustment of the length of the excerpt. We advise you to continue to manually insert “Read more” blocks in your articles so that you don’t have to edit the articles one by one if you change the theme for one that doesn’t offer automatic excerpts.
• The possibility to display the author’s biography (filled in by each author in Users > My profile) on the article pages.

Image management

In the header customization options (Customize > Site Identity), a logo can be set to appear next to the subtitle and replace the blog title (recommended size: 120 by 90 pixels).

There is no possibility to add a header image as a blog “banner” of the blog from the customization interface of the theme.

Twenty Twenty is designed in such a way that it is the featured image from the block editor of an article or page, when the page/article attribute “Cover Template” (“Document” tab of the “Settings” column) is chosen, that brings up the image in the upper part of the post, under the blog title, the horizontal navigation menu and the title and metadata of the article or page.

The only way to obtain a header image for the blog homepage is to create a page (see the “Edit and publish posts and pages on your blog” article), add the image you want as a blog header as the ” featured image”, then go to Appearance > Customize > Home page settings, check “A static page” and choose the page you created. The static home page is not recommended on Hypotheses, because it doesn’t reflect the activity of a blog as the reader can’t directly read the latest articles.

In the same way, on a page or an article, it is the featured image associated with each of these publications (with the “Cover template” page/articles attribute) that will appear at this location. The recommended size for featured images is 2000px wide by 1200px high. Think about optimization: use .jpg and a resolution of 96 DPI for a lighter image.

If the “Cover Template” attribute is not chosen in the block editor, the featured image is placed in full width between the title of the article or page and its content.

This theme supports the “new” image alignments: in addition to align right, left, or center, it also includes the Large width (width of the text column) and Full width (width of the screen) alignments.

Colors

In Customize > Colors, you can choose a background color for the header area (which includes the blog title, the horizontal navigation menu, and the title and metadata of the page or article) and footer, a background color for the content area, and a color that applies to some of the links and navigation menus.

In Customize > Cover Template, you can also choose the filter color for featured images that, in combination with the “Cover Template” page/article attribute, are placed as background in the header, and the color of the article and page titles.

Widget areas

Twenty Twenty has two widget areas, both located below the content, just above the footer (no side columns available). The widgets are placed on top of each other on screens smaller than 1168px.

Menus

Twenty Twenty offers five possible locations for menus :

• Horizontal menu at the top, next to the title and subtitle of the blog
• “3-point” menu to the right of the horizontal menu
• Menu displayed when the blog is opened on a mobile phone
• Footer menu (between the end of the content and widgets)
• Menu dedicated to social media

To create the social media links menu, you need to create a menu composed of custom links to the URLs of the desired accounts on the social media. The theme recognizes the social media from its URL and displays the appropriate clickable icon.

To learn more about this theme and its features, see the Twenty Twenty WordPress.org overview and a sample blog with Twenty Twenty.

You now have all the information you need to get started with Twenty Twenty. If you have any questions about this topic and can’t find the answer in this post, don’t hesitate to contact the bloggers’ community (hypocommunity[at]groups.openedition.org), who will certainly be able to help you with the handling and use of your blog. If you are not subscribed to the list, send us a request to hypotheses[at]openedition.org.

---

Featured image: Fort Worth Museum of Science by SETShots under CC-BY-NC license

---

---