{"id":188,"date":"2018-06-06T20:05:28","date_gmt":"2018-06-06T20:05:28","guid":{"rendered":"http:\/\/bfuller.local\/wordpress\/styleguide\/?page_id=188"},"modified":"2026-10-15T13:25:44","modified_gmt":"2026-10-15T17:25:44","slug":"components","status":"publish","type":"page","link":"https:\/\/web.uri.edu\/wordpress\/components\/","title":{"rendered":"Components"},"content":{"rendered":"\n

A website is built using a number of repeating elements, like buttons, cards, and heroes. Components help standardize the look and feel of these elements, and make it fast and simple to build webpages that look great and stay on-brand.<\/p>\n\n\n\n

\n
\"\"<\/div>

Boxouts<\/h2>

Use boxouts to contain text that is ancillary to the page\u2019s content.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Buttons<\/h2>

Use buttons to attract attention to the primary call to action on a page.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Cards<\/h2>

Use cards to explain and link to a single idea.<\/p><\/div><\/div><\/a><\/div><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Heroes<\/h2>

Use heroes to engage with the visitor and create the sense of desire.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Menus<\/h2>

Use menus when the same set of links must appear on multiple pages.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Notices<\/h2>

Use notices to display content that is particularly urgent.<\/p><\/div><\/div><\/a><\/div><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Panels<\/h2>

Use panels to provide a deep, visual context for a particular topic.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Quotes<\/h2>

Use quotes to create a blockquote that stands out from the page.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Tabs<\/h2>

Use tabs to display content that has a correlation but is not directly related.<\/p><\/div><\/div><\/a><\/div><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Tiles<\/h2>

Use tiles to arrange components or other content in columns or a grid.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\"\"<\/div>

Videos<\/h2>

Use videos to embed YouTube and Vimeo content with minimal branding.<\/p><\/div><\/div><\/a><\/div><\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

A website is built using a number of repeating elements, like buttons, cards, and heroes. Learn about the components that help standardize the look and feel of these elements, and make it fast and simple to build webpages that look great and stay on-brand.<\/p>\n","protected":false},"author":4861,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/users\/4861"}],"replies":[{"embeddable":true,"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":4,"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":3083,"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/188\/revisions\/3083"}],"wp:attachment":[{"href":"https:\/\/web.uri.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}