{"id":1962,"date":"2019-07-25T20:49:06","date_gmt":"2019-07-25T20:49:06","guid":{"rendered":"https:\/\/wptest.sdelling.w3.uvm.edu\/?page_id=1962"},"modified":"2020-10-09T19:11:31","modified_gmt":"2020-10-09T23:11:31","slug":"blockquotes","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/manual\/blockquotes\/","title":{"rendered":"Blockquotes and Pullquotes"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"intro--left\">WordPress supports both pullquotes and blockquotes. Blockquotes allow you to feature a quote from an external source. Pullquotes are used to elevate content within the page to be more visible.<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><strong>To implement quotes on your page:<\/strong> While you are on the page you wish to edit, click on the little [+] icon at the top left of your page. Type &#8220;quote&#8221; in the Block search field to filter all blocks by &#8220;quote&#8221;. Select the desired reusable quote block. The quote component will load into your page. Click on the block you just loaded. The name of the block will show up over a light gray band above the block. Click on the three vertical dots [&#8230;] and select &#8220;convert to regular block.&#8221; You are now ready to edit the quote placeholder text with your text. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>This is a Gutenberg blockquote out of the can. It is styled.<\/p><\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>This is the default blockquote. You can create good experiences without knowing the content. What you can\u2019t do is create good experiences without knowing your content structure. What is your content&nbsp;made&nbsp;from, not what your content&nbsp;is.<\/p><cite>Mark Boulton<br \/><\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>This is the default blockquote. You can create good experiences without knowing the content. What you can\u2019t do is create good experiences without knowing your content structure. What is your content&nbsp;made&nbsp;from, not what your content&nbsp;is.<\/p><\/blockquote>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>This is the Large blockquote style, default, no background. et tortor at risus. Luctus venenatis lectus magna fringilla urna porttitor. Sit amet massa vitae tortor condimentum. Odio tempor orci dapibus ultrices.<\/p><\/blockquote>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-pullquote\"><blockquote class=\"has-text-color has-light-gray-color\"><p>In addition to the quote block, we also have the pull quote<\/p><cite>Theme Reviewer<\/cite><\/blockquote><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-pullquote has-primary-lightgreen-lighter-10-background-color is-style-solid-color\"><blockquote class=\"has-text-color has-black-color\"><p>This is a pull quote with a &#8220;solid color&#8221; style<\/p><cite>Author Unknown<\/cite><\/blockquote><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress supports both pullquotes and blockquotes. Blockquotes allow you to feature a quote from an external source. Pullquotes are used to elevate content within the page to be more visible. To implement quotes on your page: While you are on the page you wish to edit, click on the little [+] icon at the top &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/blockquotes\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Blockquotes and Pullquotes&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1962","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"WordPress supports both pullquotes and blockquotes. Blockquotes allow you to feature a quote from an external source. Pullquotes are used to elevate content within the page to be more visible. To implement quotes on your page: While you are on the page you wish to edit, click on the little [+] icon at the top&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=1962"}],"version-history":[{"count":14,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1962\/revisions"}],"predecessor-version":[{"id":5412,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1962\/revisions\/5412"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=1962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}