{"id":1205,"date":"2017-08-30T14:44:34","date_gmt":"2017-08-30T14:44:34","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=1205"},"modified":"2024-08-30T16:35:12","modified_gmt":"2024-08-30T16:35:12","slug":"button-shortcode","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/button-shortcode\/","title":{"rendered":"Button Shortcode"},"content":{"rendered":"<h2>Use Case<\/h2>\n<p>The button shortcode is used to create a button that links to another page or target location<\/p>\n<h2>How to Use<\/h2>\n<div class=\"shortcode sh-p-4 sh-rounded sh-drop-shadow-sm sh-bg-blue-100 !sh-text-black \"><div><div class=\"\">\n<h3>Code<\/h3>\n<div class=\"shortcode sh-p-4 sh-rounded sh-drop-shadow-sm sh-bg-white !sh-text-black !sh-border  \"><div><div class=\"\">\n<p><strong>Default<\/strong><\/p>\n<p>[button link=\"https:\/\/vufind.carli.illinois.edu\/vf-uiu\/\"] Library Catalog [endbutton]<\/p>\n<p> <button type='button' class='shortcode sh-text-center sh-inline-block sh-align-middle sh-p-2 sh-bg-[#F8F7F7] sh-rounded-md !sh-no-underline hover:sh-bg-slate-200 !sh-border !sh-border-black focus:sh-outline-none focus-visible:sh-ring focus-visible:sh-ring-orange-700  !sh-text-black' style='font-size: 11pt;' onclick=\"window.location.href='https:\/\/vufind.carli.illinois.edu\/vf-uiu\/'\" > Library Catalog <\/button><\/p>\n<p><strong>Change text color<\/strong><\/p>\n<p>[button class=\"warmbrown\" link=\"https:\/\/vufind.carli.illinois.edu\/vf-uiu\/\"] Library Catalog [endbutton]<\/p>\n<p> <button type='button' class='shortcode sh-text-center sh-inline-block sh-align-middle sh-p-2 sh-bg-[#F8F7F7] sh-rounded-md !sh-no-underline hover:sh-bg-slate-200 !sh-border !sh-border-black focus:sh-outline-none focus-visible:sh-ring focus-visible:sh-ring-orange-700  !sh-text-yellow-800' style='font-size: 11pt;' onclick=\"window.location.href='https:\/\/vufind.carli.illinois.edu\/vf-uiu\/'\" > Library Catalog <\/button><\/p>\n<p><strong>Add icon to the button<\/strong><\/p>\n<p>[button new=\"true\" link=\"https:\/\/vufind.carli.illinois.edu\/vf-uiu\/\"] Library Catalog [fa icon=\"tablet\" size=\"1\"] [endbutton]<\/p>\n<p> <button type='button' class='shortcode sh-text-center sh-inline-block sh-align-middle sh-p-2 sh-bg-[#F8F7F7] sh-rounded-md !sh-no-underline hover:sh-bg-slate-200 !sh-border !sh-border-black focus:sh-outline-none focus-visible:sh-ring focus-visible:sh-ring-orange-700  !sh-text-black' style='font-size: 11pt;' onclick=\"window.location.href='https:\/\/vufind.carli.illinois.edu\/vf-uiu\/'\" > Library Catalog <span class=\" fa fa-tablet\" aria-hidden=\"true\"><\/span> <\/button><\/p>\n<p><strong>Change font size and text color + icon<\/strong><\/p>\n<p>[button size=\"15\" new=\"true\" class=\"smokyblue\" link=\"https:\/\/vufind.carli.illinois.edu\/vf-uiu\/\"] [fa icon=\"tablet\"] Library Catalog [endbutton]<\/p>\n<p> <button type='button' class='shortcode sh-text-center sh-inline-block sh-align-middle sh-p-2 sh-bg-[#F8F7F7] sh-rounded-md !sh-no-underline hover:sh-bg-slate-200 !sh-border !sh-border-black focus:sh-outline-none focus-visible:sh-ring focus-visible:sh-ring-orange-700  !sh-text-alma_mater' style='font-size: 15pt;' onclick=\"window.location.href='https:\/\/vufind.carli.illinois.edu\/vf-uiu\/'\" > <span class=\" fa fa-tablet\" aria-hidden=\"true\"><\/span> Library Catalog <\/button><\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<p>&nbsp;<\/p>\n<h2>Attributes<\/h2>\n<ul>\n<li><strong>size: <\/strong>Font size of the text.<\/li>\n<li><strong>class: <\/strong>Set the text color. The options are &#8216;burgundy&#8217;, &#8216;smokyblue&#8217;, &#8216;warmbrown&#8217; and &#8216;black&#8217;.<\/li>\n<li><strong>link: <\/strong>Links the button to the page\/location.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Use Case The button shortcode is used to create a button that links to another page or target location How to Use Code Default Library Catalog Library Catalog Change text color Library Catalog Library Catalog Add icon to the button Library Catalog Library Catalog Change font size and text color + icon Library Catalog Library [&hellip;]<\/p>\n","protected":false},"author":71,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1205","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/71"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=1205"}],"version-history":[{"count":21,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1205\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1205\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=1205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}