{"id":5957,"date":"2019-02-27T16:03:13","date_gmt":"2019-02-27T23:03:13","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=5957"},"modified":"2020-03-13T12:05:27","modified_gmt":"2020-03-13T19:05:27","slug":"story-module","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/enterprise-plus\/story-module\/","title":{"rendered":"Story Module"},"content":{"rendered":"<h1>Story Module<\/h1>\n<!-- shortcode-tab -->\n<div class='shortcode-tab-container tab-count-4'>\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=\"Example_2\">\n                <div class=\"shortcode-tab-header \">\n                    <h4>\n                        Example <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=\"How To_3\">\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_4\">\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 Story Module was added to dramatically highlight content on a page. This shortcode is not intended to be used on every page, or multiple times on a single page.<\/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=\"Example_2\" href=\"#\">\n      <div class=\"shortcode-accordion__header\">\n          <h4>Example <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<div class=\"row-eplus-image-opp-wysiwyg row-eplus-story-module eplus-bg-color-row bg-color-black\"><div class=\"col-eplus-image-opp-wysiwyg image-col left\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"348\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-464x348.jpg\" class=\"img-responsive\" alt=\"\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-464x348.jpg 464w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-232x174.jpg 232w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/div><div class=\"col-eplus-image-opp-wysiwyg col-eplus-image-opp-wysiwyg--textcol\">\n<p class=\"h2\">Headline<\/p>\n<p class=\"h5\">Subhead goes here<\/p>\n<p>Placeholder content<\/p>\n<\/div><\/div>\n<div class=\"row-eplus-story-module eplus-bg-color-row bg-color-black\"><div class=\"col-eplus-image-opp-wysiwyg--textcol-single\">\n<p class=\"h2\">Headline<\/p>\n<p class=\"h5\">Subhead goes here<\/p>\n<p>Placeholder content<\/p>\n<\/div><\/div>\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_3\" 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<p>In order to add a Story Module shortcode, please select an option from the dropdown.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"108\" class=\"aligncenter size-portrait-image-sm wp-image-6205\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/Storymodule.png\" alt=\"\"><\/p>\n<p>Two column media on left &ndash; This will create the first example in the previous tab, this is good if you have accompanying media you&rsquo;d like to highlight too.<\/p>\n<p>Single Column &ndash; This will create the second example in the previous tab. If you have no media to go with your content the information ill be center aligned.<\/p>\n<p>Once you select your preferred option a shortcode along with placeholder text will appear. If you select Two column media on left, it will prompt you to choose an image first from the media library.<\/p>\n<p>&nbsp;<\/p>\n<h5>The following code snippet<\/h5>\n[ eplus-add-story-module layout=&rdquo;two-col&rdquo; image-align=&rdquo;left&rdquo; image-post-id=&rdquo;932&Prime;]\n<p class=\"h2\">&nbsp;Headline<\/p>\n<p class=\"h5\">&nbsp;Subhead goes here<\/p>\n<p>&nbsp;Placeholder content<\/p>\n[ \/eplus-add-story-module]\n<h5>Will create:<\/h5>\n<div class=\"row-eplus-image-opp-wysiwyg row-eplus-story-module eplus-bg-color-row bg-color-black\"><div class=\"col-eplus-image-opp-wysiwyg image-col left\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"348\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-464x348.jpg\" class=\"img-responsive\" alt=\"\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-464x348.jpg 464w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/09\/Conceptual-Framework-COE-24_720X350-232x174.jpg 232w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/div><div class=\"col-eplus-image-opp-wysiwyg col-eplus-image-opp-wysiwyg--textcol\">\n<p class=\"h2\">Headline<\/p>\n<p class=\"h5\">Subhead goes here<\/p>\n<p>Placeholder content<\/p>\n<\/div><\/div>\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_4\" 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>Text I added doesn&rsquo;t appear correctly, why? <strong>Sometimes if an entire placeholder line is deleted it will remove the special tag it. The simplest way to fix this is by recreating the shortcode, but and replacing your text without deleting the whole line.&nbsp;&nbsp;<\/strong><\/p>\n<p>For any additional questions or concerns, submit a&nbsp;<a href=\"https:\/\/in.nau.edu\/web\/support-request\/\">support request<\/a>, or give us a call&nbsp;<a href=\"tel:9285239267\">928-523-9267<\/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-block -->\n<div class=\"shortcode-block\">\n      <div class=\"block-header\">\n        <h3>Academic unit site support<\/h3>\n    <\/div>\n          <div class=\"block-body\">\n      <div>\n<i class=\"fas fa-pen\"><\/i> <a href=\"https:\/\/nau.edu\/marketing\/resources\/request-support\/?landing=Digital%20support%20request%20%E2%80%93%20website%20edits%20and%20reporting\">Digital Marketing Support<\/a><\/p>\n<p><i class=\"fas fa-phone\"><\/i> <a href=\"tel:9285231741\">928-523-1741<\/a><\/p>\n<\/div>\n          <\/div>\n  <\/div>\n\n<!-- shortcode-block -->\n<div class=\"shortcode-block\">\n      <div class=\"block-header\">\n        <h3>Business unit site support<\/h3>\n    <\/div>\n          <div class=\"block-body\">\n      <div>\n<i class=\"fas fa-envelope\"><\/i> <a href=\"https:\/\/nau.edu\/servicenow\">ServiceNow<\/a><\/p>\n<p><i class=\"fas fa-phone\"><\/i> <a href=\"tel:9285231511\">928-523-1511<\/a><\/p>\n<\/div>\n          <\/div>\n  <\/div>\n\n<hr \/>\n<!-- shortcode-button -->\n<div class=\"shortcode-button shortcode-button--center\">\n      <a class=\"main-button\" href=\"https:\/\/in.nau.edu\/web\/support-request\/\">Submit a support request<\/a>\n  <\/div>\n\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/enterprise-plus\/\">Return to the EP landing page<\/a><\/p>\n<hr \/>\n<p>Don&#8217;t see these options? Not familiar with Enterprise Plus? Please visit the\u00a0<a href=\"https:\/\/in.nau.edu\/web\/enterprise-plus\/\">Enterprise Plus homepage<\/a>.<br \/>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Story Module<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":5941,"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-5957","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/5957","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\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/comments?post=5957"}],"version-history":[{"count":1,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/5957\/revisions"}],"predecessor-version":[{"id":7339,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/5957\/revisions\/7339"}],"up":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/5941"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=5957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}