{"id":10863612,"date":"2021-07-02T16:52:49","date_gmt":"2021-07-02T16:52:49","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=10863612"},"modified":"2024-08-09T18:49:13","modified_gmt":"2024-08-09T18:49:13","slug":"twenty-fifteen","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/twenty-fifteen\/","title":{"rendered":"Twenty Fifteen"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.org\/themes\/twentyfifteen\">Twenty Fifteen<\/a> is the default theme for WordPress in 2015. It is super-clean, content-focused, and designed to bring a little more simplicity to our blogs. Its careful attention to typography, featuring the expertly-designed <a href=\"http:\/\/www.google.com\/get\/noto\/\">Noto font set<\/a> in elegant and harmonious margins, makes it beautiful in multiple languages around the world.<\/p>\n\n\n\n<p>Twenty Fifteen looks great on devices of all sizes, from desktop to mobile and everything in between. The theme adapts to any screen without sacrificing usability or design integrity.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Responsive_Twenty_Fifteen.png\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"280\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Responsive_Twenty_Fifteen.png\" alt=\"\" class=\"wp-image-10863617\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Responsive_Twenty_Fifteen.png 750w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Responsive_Twenty_Fifteen-300x112.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Quick Specs (all measurements in pixels)<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p>There are a few ways that you can customize Twenty Fifteen, all from WordPress&#8217; Customizer. This short guide will show you how to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>choose a featured color scheme<\/li>\n\n\n\n<li>add descriptions to your menus<\/li>\n\n\n\n<li>add social icons in your menu<\/li>\n\n\n\n<li>add block patterns<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Choose a featured color scheme<\/h2>\n\n\n\n<p>Twenty Fifteen has six color schemes you can use to change the look of your blog. The Default color scheme is a light gray, but you can also choose from Dark, Yellow, Pink, Purple, and Blue.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Colors.png\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"503\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Colors.png\" alt=\"\" class=\"wp-image-10863619\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Colors.png 750w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Colors-300x201.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<p>To choose your color scheme, go to <strong>Appearance &gt; Customize<\/strong>.<\/p>\n\n\n\n<p>Under &#8220;Colors&#8221;, select your preferred color scheme from the drop down:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Customize_Color_Schemes.png\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"479\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Customize_Color_Schemes.png\" alt=\"\" class=\"wp-image-10863622\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Customize_Color_Schemes.png 330w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Customize_Color_Schemes-207x300.png 207w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/a><\/figure>\n\n\n\n<p>You&#8217;ll see the color scheme change in the preview pane to the right.<\/p>\n\n\n\n<p>When you&#8217;re done, click <strong>Save and Publish<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add Menu descriptions<\/h2>\n\n\n\n<p>Twenty Fifteen has a menu design that\u2019s easy to navigate, especially when you add menu descriptions.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"448\" height=\"770\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu.png\" alt=\"\" class=\"wp-image-10863623\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu.png 448w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu-175x300.png 175w\" sizes=\"auto, (max-width: 448px) 100vw, 448px\" \/><\/a><\/figure>\n\n\n\n<p>To start adding descriptions to your menus, go to <strong>Appearance &gt; Menus<\/strong> and <strong>click the Screen Options tab<\/strong> in the upper right of the screen.<\/p>\n\n\n\n<p>In the &#8220;Show advanced menu properties&#8221; section, <strong>check the box<\/strong> next to Description.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Screen_Options.png\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"151\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Screen_Options.png\" alt=\"\" class=\"wp-image-10863620\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Screen_Options.png 750w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Screen_Options-300x60.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<p>Now you can begin adding descriptions to any link in a menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu_Descriptions.png\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"467\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu_Descriptions.png\" alt=\"\" class=\"wp-image-10863624\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu_Descriptions.png 433w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/Twenty_Fifteen_Menu_Descriptions-278x300.png 278w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/a><\/figure>\n\n\n\n<p>When you&#8217;re done, click <strong>Save Menu<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add social icons<\/h2>\n\n\n\n<p>Twenty Fifteen also allows you to display links to your social media profiles with crisp, perfectly-sized icons.<\/p>\n\n\n\n<p>You can see these icons at the bottom of the menu displayed in the previous section.<\/p>\n\n\n\n<p>The first step is to go to <strong>Appearance &gt; Menus<\/strong> and <strong>create a new menu<\/strong> &#8211; you can name your menu anything you like.<\/p>\n\n\n\n<p>You will then add the URL for each social profile to your menu as a custom link.<\/p>\n\n\n\n<p>When you have added all desired links, <strong>click Save Menu<\/strong>.<\/p>\n\n\n\n<p>Now that you have created your menu and added your social links, <strong>go to the Manage Locations tab<\/strong> and next to &#8220;Social Links Menu&#8221;, select the social icons menu you just created from the drop down.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Social_Icons_Manage_Menu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"213\" src=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Social_Icons_Manage_Menu.png\" alt=\"\" class=\"wp-image-10863621\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Social_Icons_Manage_Menu.png 750w, https:\/\/wordpress.org\/documentation\/files\/2018\/11\/750px-Twenty_Fifteen_Social_Icons_Manage_Menu-300x85.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Click Save Changes<\/strong> when you\u2019re done.<\/p>\n\n\n\n<p><strong>Available icons<\/strong><\/p>\n\n\n\n<p>Linking to any of the following sites will automatically display its icon in your menu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CodePen<\/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>Email (mailto: links)<\/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>Path<\/li>\n\n\n\n<li>Pinterest<\/li>\n\n\n\n<li>Pocket<\/li>\n\n\n\n<li>Polldaddy<\/li>\n\n\n\n<li>Reddit<\/li>\n\n\n\n<li>RSS Feed (URLs with \/feed\/<\/li>\n\n\n\n<li>Spotify<\/li>\n\n\n\n<li>Skype<\/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>WordPress<\/li>\n\n\n\n<li>YouTube<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Add Block Patterns<\/h2>\n\n\n\n<p>Twenty Fifteen comes bundled with a set of <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\">block patterns<\/a>.<\/p>\n\n\n\n<p>You can access the block patterns from the Block Editor.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the + icon to add a new block.<\/li>\n\n\n\n<li>Click on the <em>Patterns<\/em> tab.<\/li>\n\n\n\n<li>Select <em>Twenty Fifteen<\/em> from the drop down menu.<\/li>\n\n\n\n<li>Click on the pattern you wish to insert and the pattern is inserted in the document at the location of your cursor.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/wordpress.org\/documentation\/files\/2021\/06\/twenty-fifteen-block-patterns-1024x619.png\" alt=\"\" class=\"wp-image-14592874\" style=\"width:732px;height:442px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2021\/06\/twenty-fifteen-block-patterns-1024x619.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2021\/06\/twenty-fifteen-block-patterns-300x181.png 300w, https:\/\/wordpress.org\/documentation\/files\/2021\/06\/twenty-fifteen-block-patterns-768x464.png 768w, https:\/\/wordpress.org\/documentation\/files\/2021\/06\/twenty-fifteen-block-patterns.png 1120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Block patterns in Twenty Fifteen<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What else can you do?<\/h2>\n\n\n\n<p>You can also use the Customizer to make the following changes to your website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change your Custom Header image<\/li>\n\n\n\n<li>Featured Images: works best with images that are 825px wide by 510px high<\/li>\n\n\n\n<li>Change the background image or color<\/li>\n\n\n\n<li>Set a static front page<\/li>\n<\/ul>\n\n\n\n<p>You can also select a gradient option for certain blocks that fit the theme color scheme:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/02\/208979102-b9bc9bb3-bc66-490e-9052-0eb60f0ff985-932x1024.png\" alt=\"Select a gradient option for certain blocks\" class=\"wp-image-16355687\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/02\/208979102-b9bc9bb3-bc66-490e-9052-0eb60f0ff985-932x1024.png 932w, https:\/\/wordpress.org\/documentation\/files\/2023\/02\/208979102-b9bc9bb3-bc66-490e-9052-0eb60f0ff985-273x300.png 273w, https:\/\/wordpress.org\/documentation\/files\/2023\/02\/208979102-b9bc9bb3-bc66-490e-9052-0eb60f0ff985-768x844.png 768w, https:\/\/wordpress.org\/documentation\/files\/2023\/02\/208979102-b9bc9bb3-bc66-490e-9052-0eb60f0ff985.png 1172w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Links<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentyfifteen\/\">Twenty Fifteen Demo and Download<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/twenty-fifteen-changelog\/\">Twenty Fifteen Changelog<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Fifteen is the default theme for WordPress in 2015. It is super-clean, content-focused, and designed to bring a little more simplicity to our blogs. Its careful attention to typography, featuring the expertly-designed Noto font set in elegant and harmonious margins, makes it beautiful in multiple languages around the world. Twenty Fifteen looks great on [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":15,"comment_status":"open","ping_status":"closed","template":"","category":[80,82],"class_list":["post-10863612","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\/10863612","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=10863612"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10863612\/revisions"}],"predecessor-version":[{"id":16359725,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10863612\/revisions\/16359725"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=10863612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=10863612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}