{"id":1388,"date":"2017-09-13T22:56:51","date_gmt":"2017-09-13T22:56:51","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=1388"},"modified":"2020-05-04T14:46:13","modified_gmt":"2020-05-04T21:46:13","slug":"right-column","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/right-column\/","title":{"rendered":"Right Column"},"content":{"rendered":"<h1>Right column<\/h1>\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/video-right-column\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>Watch the Right column shortcode video<\/u><\/a><\/p>\n<!-- shortcode-tab -->\n<div class='shortcode-tab-container tab-count-3'>\n    <ul class='tabs'>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"Overview_1\">\n                <div class=\"shortcode-tab-header selected\">\n                    <h4>\n                        Overview <span class=\"screen-reader-text\">Tab Open<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"How-To_2\">\n                <div class=\"shortcode-tab-header \">\n                    <h4>\n                        How-To <span class=\"screen-reader-text\">Tab Closed<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n                <li class=\"tab\">\n            <a class=\"shortcode-tab__trigger\" href=\"#\" data-header=\"Troubleshooting_3\">\n                <div class=\"shortcode-tab-header \">\n                    <h4>\n                        Troubleshooting <span class=\"screen-reader-text\">Tab Closed<\/span>\n                    <\/h4>\n                <\/div>\n            <\/a>\n        <\/li>\n            <\/ul>\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion \" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"Overview_1\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>Overview <span class=\"screen-reader-text\">Accordion Open<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<p>The right column allows you to have a sidebar feature on your page. Good right column features can include the contact block, call to action buttons, images caption\/callouts, and other brief information.<\/p>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"How-To_2\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>How-To <span class=\"screen-reader-text\">Accordion Closed<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<h2>Best Practices<\/h2>\n<ul>\n<li>The right column is a good place to list featured pages or make short announcements.<\/li>\n<li>The right column is not a good place for critical page content or large amounts of text.<\/li>\n<li>Large images don&rsquo;t work well in the right column. Save them for the body of the page.<\/li>\n<li>Always use an H4 header for right column titles<\/li>\n<\/ul>\n<p>The right column can be inserted at any position within your text editor; however, the placement may impact where the content appears for users viewing the page on a mobile device or a tablet and those using assistive technology such as a screen reader. You can customize the order in which your content appears for various layouts by alternating multiple right column sections with other blocks of content in your text editor. On a full size display, all of the content inserted into a right column shortcode appears as one column, regardless of how many instances of the right column you added. On a mobile display, the sections are broken apart according to how you inserted each right column into your text editor.<\/p>\n<h2>How to insert a right column<\/h2>\n<ol>\n<li>Position your cursor where you want the right column to appear (this is important for mobile view layout as well as screen readers)<\/li>\n<li>From the Visual editor toolbar, select the shortcode button for <strong>right column<\/strong>. The shortcode appears in the text editor.<\/li>\n<li>Insert the appropriate content between the shortcode bookends.<\/li>\n<\/ol>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n        <!-- shortcode-accordion -->\n<div class=\"shortcode-accordion shortcode-accordion--closed\" style=\"position: relative;\" >\n        <a class=\"shortcode-accordion__trigger\" data-header=\"Troubleshooting_3\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>Troubleshooting <span class=\"screen-reader-text\">Accordion Closed<\/span><\/h4>\n          <span class=\"shortcode-accordion__header__arrow\"><\/span>\n      <\/div>\n    <\/a>\n    <div class=\"shortcode-accordion__body\">\n        <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body>\n\n<p>If your right column isn&rsquo;t behaving as you&rsquo;d expect, check to be sure of these things:<\/p>\n<ul>\n<li>All shortcode is present, including bookends and the forward slash on the closing bookend.<\/li>\n<li>The content that you want in the right column is fully nested within the right column shortcode<\/li>\n<\/ul>\n<p>If you&rsquo;re still having trouble, contact the <a href=\"https:\/\/in.nau.edu\/web\/support-request\/\">EASI Web Team<\/a>.<\/p>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n    <\/div>\n\n<!-- shortcode-right-column -->\n<div class=\"shortcode-right-column\" >\n    <div class=\"shortcode-right-column__container\">\n<!-- shortcode-contact -->\n<div class=\"shortcode-contact\">\n    <div class=\"contact-header\">\n        <h3>Contact the Chair<\/h3>\n    <\/div>\n    <div class=\"contact-body\">\n                <a href=\"mailto:dhl.chair@nau.edu\" aria-label=\"Contact the Chair: Email Address\" title=\"Email Address\">\n            <div class=\"contact-icon-container\">\n                <i class=\"fas fa-envelope\" aria-hidden=\"true\"><\/i>\n                <span class=\"sr-only\">Email:<\/span>\n            <\/div>\n            <div class=\"contact-email\">dhl.chair&#8203;@nau.edu<\/div>\n        <\/a>\n                        <a href=\"tel:928-555-1212\" aria-label=\"Contact the Chair: Telephone Number\" title=\"Telephone Number\">\n            <div class=\"contact-icon-container\">\n                <i class=\"fas fa-phone\" aria-hidden=\"true\"><\/i>\n                <span class=\"sr-only\">Call:<\/span>\n            <\/div>\n            <div class=\"contact-phone\">928-555-1212<\/div>\n        <\/a>\n            <\/div>\n<\/div>\n\n\n<hr \/>\n<!-- shortcode-button -->\n<div class=\"shortcode-button shortcode-button--left\">\n      <a class=\"main-button\" href=\"https:\/\/nau.edu\/apply-now\/\">\nApply Now\n\n\n<\/a>\n  <\/div>\n\n<hr \/>\n<!-- shortcode-image-callout -->\n<span class=\"shortcode-image-callout shortcode-image-callout--center\">\n    <a href=\"https:\/\/in.nau.edu\/web\/styleguide\/\">    <span class=\"shortcode-image-callout__outer-container\">\n        <span class=\"shortcode-image-callout__container\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-landscape-image-sm wp-image-827\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/08\/Humpback_stellwagen_edit-1024x580-464x348-232x174.jpg\" alt=\"\" width=\"232\" height=\"174\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/08\/Humpback_stellwagen_edit-1024x580-464x348-232x174.jpg 232w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/08\/Humpback_stellwagen_edit-1024x580-464x348-300x225.jpg 300w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/08\/Humpback_stellwagen_edit-1024x580-464x348.jpg 464w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/>\n                    <\/span>\n                <span class=\"shortcode-image-callout__text-container\">\n            <span class=\"shortcode-image-callout__text-container__text\">\nStyle Guide\n<\/span>\n        <\/span>\n            <\/span>\n    <\/a><\/span>\n\n<hr \/>\n<p><img class=\"aligncenter\" alt=\"\" width=\"\" height=\"\" \/>NAU is # 19 in the nation in this ranking of <a href=\"http:\/\/www.accreditedschoolsonline.org\/online-degrees\/teaching\/\">Top US Colleges and Universities for Teaching<\/a>, and # 1 in Arizona!<br \/>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Right column Watch the Right column shortcode video<\/p>\n","protected":false},"author":349,"featured_media":1230,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","ring_central_script_selection":"","footnotes":""},"class_list":["post-1388","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/users\/349"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":7,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"predecessor-version":[{"id":7591,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/1388\/revisions\/7591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media\/1230"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}