{"id":10994035,"date":"2018-12-16T04:40:40","date_gmt":"2018-12-16T04:40:40","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=10994035"},"modified":"2024-08-09T18:49:47","modified_gmt":"2024-08-09T18:49:47","slug":"twenty-nineteen","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/twenty-nineteen\/","title":{"rendered":"Twenty Nineteen"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.org\/themes\/twentynineteen\/\">Twenty Nineteen<\/a>\u00a0is the new default theme for <a href=\"\/support\/wordpress-version\/version-5-0\/\">WordPress Version 5.0<\/a>. At the core of Twenty Nineteen is its simple, sophisticated typography. The theme\u2019s aesthetic is minimal and non-prescriptive, allowing it to work well in a variety of applications. For example: it is effective as an minimal, typography-driven blogging theme, but can also be adapted for use as a static business website.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2390\" height=\"2200\" src=\"https:\/\/i1.wp.com\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices.jpeg?fit=1024%2C943&amp;ssl=1\" alt=\"\" class=\"wp-image-10994040\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices.jpeg 2390w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices-300x276.jpeg 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices-1024x943.jpeg 1024w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices-768x707.jpeg 768w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices-1536x1414.jpeg 1536w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Business-In-Devices-2048x1885.jpeg 2048w\" sizes=\"auto, (max-width: 2390px) 100vw, 2390px\" \/><figcaption class=\"wp-element-caption\">Twenty Nineteen Web and Mobile views<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Specs<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On a 1440px laptop screen, the main column width is up to 1032px wide with the one column layout.<\/li>\n\n\n\n<li>There is one widget area in the footer with a column width of 1032px.<\/li>\n\n\n\n<li>The recommended Featured Image size is 2000px wide by 1200px high.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Full Block Editor Support<\/h2>\n\n\n\n<p>The block editor introduced in WordPress 5.0 grants users an unprecedented level of freedom to customize their site\u2019s layout and design. In order to fully achieve their vision, users will need a new generation of flexible themes, built to take advantage of the creative freedom that the block editor offers. Twenty Nineteen is built with this in mind and includes both front-end and editor styles for all core blocks that ship with WordPress in 5.0. This means that what you see in the editor will look almost exactly like what you see on the front end.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2440\" height=\"1636\" src=\"https:\/\/i2.wp.com\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg.jpeg?fit=1024%2C687&amp;ssl=1\" alt=\"A screenshot of a post in Twenty Nineteen that uses the Cover block.\nThe block settings are opened and shows the color options.\" class=\"wp-image-10994044\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg.jpeg 2440w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg-300x201.jpeg 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg-1024x687.jpeg 1024w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg-768x515.jpeg 768w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg-1536x1030.jpeg 1536w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Post-Editor-Gutenberg-2048x1373.jpeg 2048w\" sizes=\"auto, (max-width: 2440px) 100vw, 2440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Site Logo<\/h2>\n\n\n\n<p>Twenty Nineteen supports a Site Logo which works great as an avatar for a personal blog or an business logo or icon. To modify it on your site, navigate to Customizer &gt; Site Identity.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"999\" height=\"606\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/File_Twenty-Nineteen-Site-Logo.jpg\" alt=\"The Customizer is open and shows the preview of the site and the settings panel for the Site Identity. The options include the logo, site title and tagline.\" class=\"wp-image-10994047\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/File_Twenty-Nineteen-Site-Logo.jpg 999w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/File_Twenty-Nineteen-Site-Logo-300x182.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/File_Twenty-Nineteen-Site-Logo-768x466.jpg 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Colors<\/h2>\n\n\n\n<p>Twenty Nineteen uses a blue accent color by default. That color can be customized using a color hue slider. To explore the color options, navigate to Customizer &gt; Colors.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2440\" height=\"1480\" src=\"https:\/\/i0.wp.com\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options.png?fit=1024%2C621&amp;ssl=1\" alt=\"The Customizer is open and shows the preview of the site and the settings panel for the colors. The custom color option is enabled, and a teal color has been selected.\" class=\"wp-image-10994049\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options.png 2440w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options-300x182.png 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options-1024x621.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options-768x466.png 768w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options-1536x932.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Color-Options-2048x1242.png 2048w\" sizes=\"auto, (max-width: 2440px) 100vw, 2440px\" \/><\/figure>\n\n\n\n<p>By default, Twenty Nineteen applies a color filter to featured images using the color selected here. This can be disabled by deselecting the &#8220;Apply a filter to featured images using the site&#8217;s primary color&#8221; checkbox. Please not that when this option is disabled, the theme will still apply a black overlay on the featured image on single pages, in order to preserve the readability of the text that sits on top of the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Language Support<\/h2>\n\n\n\n<p>Twenty Nineteen includes optimal font styles for many languages, thanks to feedback from the WordPress community. The theme uses local system fonts by default and makes adjustments to the typography for the following alphabets:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Arabic<\/li>\n\n\n\n<li>Chinese<\/li>\n\n\n\n<li>Cyrillic<\/li>\n\n\n\n<li>Devanagari<\/li>\n\n\n\n<li>Greek<\/li>\n\n\n\n<li>Gujarati<\/li>\n\n\n\n<li>Hebrew<\/li>\n\n\n\n<li>Japanese<\/li>\n\n\n\n<li>Korean<\/li>\n\n\n\n<li>Thai<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Widgets<\/h2>\n\n\n\n<p>Twenty Nineteen includes a widget area below the site\u2019s content, just above the footer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1512\" src=\"https:\/\/i2.wp.com\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets.png?fit=1024%2C806&amp;ssl=1\" alt=\"An example of two widgets above the footer. The widgets are text widgets and shows address information and opening hours for a fictive company.\" class=\"wp-image-10994050\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets.png 1920w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-300x236.png 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-1024x806.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-768x605.png 768w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-1536x1210.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">Widgets<\/figcaption><\/figure>\n\n\n\n<p>On screens larger than 1168px wide, widgets in this area are automatically arranged into two columns.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2440\" height=\"966\" src=\"https:\/\/i1.wp.com\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen.png?fit=1024%2C405&amp;ssl=1\" alt=\"An example of two horizontal widgets.\" class=\"wp-image-10994051\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen.png 2440w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen-300x119.png 300w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen-1024x405.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen-768x304.png 768w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen-1536x608.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2018\/12\/Twenty-Nineteen-Widgets-Large-Screen-2048x811.png 2048w\" sizes=\"auto, (max-width: 2440px) 100vw, 2440px\" \/><figcaption class=\"wp-element-caption\">Widgets in the larger screen<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add Social Icons<\/h2>\n\n\n\n<p>Twenty Nineteen includes a Social Icons Menu, where you can add links to your social media profiles that will be displayed as logos in the header. If you\u2019re not familiar with this functionality, please check out the <a href=\"\/support\/article\/twenty-fifteen\/#add-social-icons\">documentation from Twenty Fifteen<\/a>.<\/p>\n\n\n\n<p>The following services are supported by Twenty Nineteen\u2019s Social Icons Menu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Behance<\/li>\n\n\n\n<li>Codepen<\/li>\n\n\n\n<li>DeviantArt<\/li>\n\n\n\n<li>DockerHub<\/li>\n\n\n\n<li>Digg<\/li>\n\n\n\n<li>Dribbble<\/li>\n\n\n\n<li>Dropbox<\/li>\n\n\n\n<li>Facebook<\/li>\n\n\n\n<li>Flickr<\/li>\n\n\n\n<li>Foursquare<\/li>\n\n\n\n<li>GitHub<\/li>\n\n\n\n<li>Google+<\/li>\n\n\n\n<li>Instagram<\/li>\n\n\n\n<li>LinkedIn<\/li>\n\n\n\n<li>Meanpath<\/li>\n\n\n\n<li>Medium<\/li>\n\n\n\n<li>Pinterest<\/li>\n\n\n\n<li>Periscope<\/li>\n\n\n\n<li>Pocket<\/li>\n\n\n\n<li>Reddit<\/li>\n\n\n\n<li>Skype<\/li>\n\n\n\n<li>SlideShare<\/li>\n\n\n\n<li>Snapchat<\/li>\n\n\n\n<li>SoundCloud<\/li>\n\n\n\n<li>Spotify<\/li>\n\n\n\n<li>StumbleUpon<\/li>\n\n\n\n<li>Tumblr<\/li>\n\n\n\n<li>Twitch<\/li>\n\n\n\n<li>Twitter<\/li>\n\n\n\n<li>Vimeo<\/li>\n\n\n\n<li>Vine<\/li>\n\n\n\n<li>VK<\/li>\n\n\n\n<li>WordPress<\/li>\n\n\n\n<li>Yelp<\/li>\n\n\n\n<li>YouTube<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Support &amp; Resources<\/h2>\n\n\n\n<p>Get community help with Twenty Nineteen in its <a href=\"https:\/\/wordpress.org\/support\/theme\/twentynineteen\">forum<\/a>.<\/p>\n\n\n\n<p>You can also read <a href=\"https:\/\/wordpress.org\/documentation\/article\/twenty-nineteen-changelog\/\">the theme&#8217;s changelog<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Nineteen\u00a0is the new default theme for WordPress Version 5.0. At the core of Twenty Nineteen is its simple, sophisticated typography. The theme\u2019s aesthetic is minimal and non-prescriptive, allowing it to work well in a variety of applications. For example: it is effective as an minimal, typography-driven blogging theme, but can also be adapted for [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":19,"comment_status":"open","ping_status":"closed","template":"","category":[80,82],"class_list":["post-10994035","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-default-themes"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10994035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=10994035"}],"version-history":[{"count":8,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10994035\/revisions"}],"predecessor-version":[{"id":16359770,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10994035\/revisions\/16359770"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=10994035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=10994035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}