{"id":428,"date":"2018-06-11T15:30:52","date_gmt":"2018-06-11T15:30:52","guid":{"rendered":"http:\/\/bfuller.local\/wordpress\/styleguide\/?page_id=428"},"modified":"2025-11-10T15:50:22","modified_gmt":"2025-11-10T15:50:22","slug":"quotes","status":"publish","type":"page","link":"https:\/\/www.uri.edu\/wordpress\/components\/quotes\/","title":{"rendered":"Quotes"},"content":{"rendered":"\n<p class=\"type-intro\">Use quotes to create a blockquote element that stands out from the page. Quotes should be in the brand voice, and should directly support the purpose\/content of the page they&#8217;re found on. For example, a quote might be a testimonial from a student on a program page related to their major.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>Here&#8217;s an example quote:<\/p>\n\n\n<section class=\"cl-wrapper cl-quote-wrapper\"><div class=\"cl-quote  \"><div class=\"cl-quote-image\" style=\"background-image:url(https:\/\/www.uri.edu\/wordpress\/wp-content\/uploads\/home\/sites\/7\/Paul_rand_loc.jpg)\" title=\"Paul Rand\"><\/div><blockquote>Design is the method of putting form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is so simple, that&#8217;s why it is so complicated.<\/blockquote><cite>Paul Rand<\/cite><\/div><\/section>\n\n\n<p>Quotes require a citation, even if only to say &#8220;Anonymous&#8221;.  An image is optional, but helps connect the quote with the author.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding a Quote<\/h2>\n\n\n\n<p>On sites using the Block Editor, quotes (<img decoding=\"async\" src=\"https:\/\/www.uri.edu\/wordpress\/wp-content\/uploads\/home\/sites\/7\/quote.png\" alt=\"Quote block editor icon\" class=\"wysiwyg-icon\">) can be added from the block library, under the Component Library section. Quote content can be edited directly.<\/p>\n\n\n\n<p>On sites using the older Classic Editor, quotes can be added by choosing the Quote pictograph (<img decoding=\"async\" src=\"https:\/\/www.uri.edu\/wordpress\/wp-content\/uploads\/home\/sites\/7\/quote_wysiwyg.png\" alt=\"Quote WYSIWYG toolbar icon\" class=\"wysiwyg-icon\">) from the editor&#8217;s toolbar. Use the editor dialogue to add content and adjust options. To edit the quote later, double-click the quote preview to show the editor dialogue again.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use quotes to create a blockquote element that stands out from the page. Quotes should be in the brand voice, and should directly support the purpose\/content of the page they&#8217;re found on. For example, a quote might be a testimonial from a student on a program page related to their major. Overview Here&#8217;s an example [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":188,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":10,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":2811,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/428\/revisions\/2811"}],"up":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/188"}],"wp:attachment":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}