{"id":1226,"date":"2020-01-03T19:57:30","date_gmt":"2020-01-03T19:57:30","guid":{"rendered":"https:\/\/themetest.studiopress.com\/navigation\/?page_id=1226"},"modified":"2020-04-21T13:35:06","modified_gmt":"2020-04-21T13:35:06","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demo.studiopress.com\/navigation\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p>Welcome to the formatting page for this theme. We&#8217;re glad you are interested in using this and want to show you how elements look.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading\">Headline 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Headline 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Headline 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Headline 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Headline 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Headline 6<\/h6>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquote<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>This is an example of a default blockquote. You can add your favorite quotes, highlight a portion of your article, or add anything you like.<\/p><cite>&#8211; Citation<\/cite><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><em>This is an example of a large blockquote. You can add your favorite quotes or anything you like.<\/em><\/p><cite>&#8211; Citation<\/cite><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-style-quote-underlay is-layout-flow wp-block-quote-is-layout-flow\"><p><em>This is an example of a blockquote with a color underlay. You can add your favorite quotes or anything you like.<\/em><\/p><cite>&#8211; Citation<\/cite><\/blockquote>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Code Formatting<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>a {\n\tcolor: #ce3a0d;\n\tborder-bottom: 1px dotted currentColor;\n\ttext-decoration: none;\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Preformatted<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/pre>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Unordered List<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Unordered list item one<\/li><li>Unordered list item two<\/li><li>Unordered list item three<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ordered List<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Ordered list item one<\/li><li>Ordered list item two<\/li><li>Ordered list item three<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Mixed List<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Unordered list item one<\/li><li>Unordered list item two<ol><li>Ordered list item one<\/li><li>Ordered list item two<ul><li>Unordered list item one<\/li><li>Unordered list item two<ol><li>Ordered list item one<\/li><li>Ordered list item two<\/li><\/ol><\/li><li>Unordered list item three<\/li><\/ul><\/li><li>Ordered list item three<\/li><\/ol><\/li><li>Unordered list item three<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide clear\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Threaded Comments<\/h2>\n\n\n\n<p>WordPress has support for threaded comments. This is where you reply to a comment that was previously made, and makes reading comments easier. Take a look at the <a href=\"\/navigation\/untold-machu-picchu-adventures\/#comments\">comments of this post<\/a> and you will see.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide clear\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignleft is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button aligned left<\/a><\/div>\n<\/div>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<div class=\"wp-block-buttons alignright is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-theme-primary-background-color\" href=\"#\">Button Aligned Right<\/a><\/div>\n<\/div>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide clear\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Image Alignment<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/whisperingdreams.com\/wp-content\/uploads\/2019\/06\/sample-post-4-1024x512.jpg\" alt=\"\" class=\"wp-image-322\"\/><figcaption>Aligned Center<\/figcaption><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator clear is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-thumbnail\"><img decoding=\"async\" src=\"https:\/\/whisperingdreams.com\/wp-content\/uploads\/2019\/12\/paddleboarding-1-150x150.jpg\" alt=\"\" class=\"wp-image-2151\"\/><figcaption>Aligned Left<\/figcaption><\/figure><\/div>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<hr class=\"wp-block-separator clear is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-thumbnail\"><img decoding=\"async\" src=\"https:\/\/whisperingdreams.com\/wp-content\/uploads\/2019\/12\/paddleboarding-1-150x150.jpg\" alt=\"\" class=\"wp-image-2151\"\/><figcaption>Aligned Right<\/figcaption><\/figure><\/div>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<hr class=\"wp-block-separator clear is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-image is-style-caption-overlay\"><figure class=\"alignleft size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-300x200.jpg\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-300x200.jpg 300w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-1024x683.jpg 1024w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-768x512.jpg 768w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-1536x1025.jpg 1536w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-600x400.jpg 600w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning-720x480.jpg 720w, https:\/\/demo.studiopress.com\/navigation\/files\/2020\/01\/ballooning.jpg 1700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption>Caption style<\/figcaption><\/figure><\/div>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Pull Quotes<\/h2>\n\n\n\n<figure class=\"wp-block-pullquote alignright has-background has-theme-secondary-background-color is-style-solid-color\"><blockquote><p>A right-aligned<br>pullquote with a background.<\/p><cite>&#8211; Citation<\/cite><\/blockquote><\/figure>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. <\/p>\n\n\n\n<p>You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide clear\"\/>\n\n\n\n<figure class=\"wp-block-pullquote alignleft is-style-default\"><blockquote><p>A left-aligned pullquote.<\/p><cite>&#8211; Citation<\/cite><\/blockquote><\/figure>\n\n\n\n<p>This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. <\/p>\n\n\n\n<p>You can create as many posts as you like in order to share with your readers what is on your mind.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignwide\" style=\"border-color:#ce3a0d\"><blockquote><p><em>This is an example of a wide-aligned pull quote. You can add your favorite quotes or anything you like. Other variations are available.<\/em><\/p><cite>&#8211; Citation<\/cite><\/blockquote><\/figure>\n\n\n\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/demo.studiopress.com\/navigation\/gutenberg-optimized\/\">More block editor examples<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to the formatting page for this theme. We&#8217;re glad you are interested in using this and want to show you how elements look. Headline 1 Headline 2 Headline 3 Headline 4 Headline 5 Headline 6 Blockquote This is an example of a default blockquote. You can add your favorite quotes, highlight a portion of [&hellip;]<\/p>\n","protected":false},"author":168,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-1226","1":"page","2":"type-page","3":"status-publish","5":"entry"},"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/pages\/1226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/users\/168"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":0,"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/pages\/1226\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.studiopress.com\/navigation\/wp-json\/wp\/v2\/media?parent=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}