{"id":2038,"date":"2017-10-05T23:39:11","date_gmt":"2017-10-05T23:39:11","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=2038"},"modified":"2020-04-24T12:00:56","modified_gmt":"2020-04-24T19:00:56","slug":"event-how-to","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/event-how-to\/","title":{"rendered":"Events Integration"},"content":{"rendered":"<h1>Events Integration with WordPress<\/h1>\n<p>&nbsp;<\/p>\n\n\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>Events are managed on the <a href=\"https:\/\/events.nau.edu\">NAU Events Calendar<\/a> and may be pulled into WordPress pages in a variety of ways. The important thing to remember is that all event info is sourced from the central calendar, so&nbsp;any event you want to display on your WordPress site must be added to this calendar first.<\/p>\n<h3>Example 01: Events page<\/h3>\n<p>This <a href=\"https:\/\/in.nau.edu\/web\/events-example\/\">sample Event page<\/a> illustrates how the integration works for a full Events 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=\"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<h3>Submitting events to the NAU Events Calendar<\/h3>\n<p>Visit our <a href=\"https:\/\/in.nau.edu\/web\/events-info\/\">NAU Events Information<\/a> to learn how to submit events to the NAU Events Calendar.<\/p>\n<h3>NAU Events page<\/h3>\n<p>The Events page is a page that displays all events that match the selected keyword. The Events page includes a Find Events search feature.<\/p>\n<p>Important: You <strong>must use the keyword feature<\/strong> on the event submission to nau.edu\/events for your event to show up on your WordPress page.<\/p>\n<p><strong>To set up an Events page:<\/strong><\/p>\n<ol>\n<li>Create a new page.<\/li>\n<li>Select <strong>NAU Events<\/strong> from the <strong>Template<\/strong> dropdown list.<\/li>\n<li>Click <strong>Publish<\/strong> to activate the template on the page.<br>\nThe NAU Events panel appears.<\/li>\n<li>Enter the Event keyword(s) to filter in the field <strong>Keyword<\/strong> field.<\/li>\n<li>Click <strong>Update<\/strong> and preview the page.<\/li>\n<\/ol>\n<hr>\n<h3>Events views<\/h3>\n<p><span style=\"font-weight: 400;\">To display events on a page or post, you must first create an Events View. The Events View custom Post generates an ID number, which is added to the event shortcode.<\/span><\/p>\n<h3>Create a new Event View<\/h3>\n<ol>\n<li><span style=\"font-weight: 400;\">Create a new <\/span><b>Event View<\/b><\/li>\n<li><span style=\"font-weight: 400;\">Click <\/span><b>Add View<\/b><span style=\"font-weight: 400;\"> from the Events View area.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Name the <\/span><b>Events View<\/b><span style=\"font-weight: 400;\"> appropriately.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Complete the fields as necessary.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click <\/span><b>Publish<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<h3><b>Add an Event View to a page or post using the event shortcode<\/b><\/h3>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open the <\/span><b>Event View<\/b><span style=\"font-weight: 400;\"> you wish to add.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Locate the ID for the Event View. <\/span><span style=\"font-weight: 400;\">The ID is the number that appears after &ldquo;post=&rdquo; in the URL field.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Publish<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open the page or post where the <\/span><b>Event View<\/b><span style=\"font-weight: 400;\"> will be added.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click the <\/span><b>event<\/b><span style=\"font-weight: 400;\"> shortcode.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter the ID number between the quotes of the [ event id=&rdquo;&rdquo; ] or between the two parts of the shortcode.<\/span><\/li>\n<\/ol>\n<h3>Event View field descriptions<\/h3>\n<p>Please note, you do not need to populate all or most of these fields. The Event View will work as long as one field is populated\/selected that is not &ldquo;Count&rdquo;.<\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Start and End dates limit the dates of the events<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter the Event keyword(s) to filter in the Keywords field<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The Category list comes from the NAU Events Calendar tool<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The Location list comes from the current Flagstaff interactive map<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The Count field limits the number of Event entries that appear<\/span><\/li>\n<\/ul>\n<h2>Important notes<\/h2>\n<ul>\n<li>Add multiple keywords separated by a space<\/li>\n<li>The Find Events search only searches within the keywords you added<\/li>\n<li>If the End date is left blank for Event Views, all events for the next year are included<\/li>\n<\/ul>\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 event isn&rsquo;t showing up, ensure you used the keyword feature. You <strong>must use the keyword feature<\/strong> on the event submission to nau.edu\/events for your event to show up on your WordPress page.<\/p>\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<div id=\"mouseposition-extension-element-full-container\" style=\"position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; z-index: 2147483647; font-weight: 400;\">\n<div id=\"mouseposition-extension-element-rect-display\" style=\"display: none; position: absolute; background: rgba(255, 255, 255, 0.7); outline: black solid 1px; font-size: 12px; z-index: 2147483647; justify-content: center; align-items: center; user-select: none; cursor: default; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 0px; height: 0px;\">\n<pre style=\"flex: 1 1 0%; text-align: center; background-color: rgba(255, 255, 255, 0.7); color: #000000; min-width: 42px; min-height: 12px; transition: all 1s ease 0s;\"><\/pre>\n<\/div>\n<pre id=\"mouseposition-extension-element-coordinate-display\" style=\"position: absolute; display: none; background: #ffffff; font-size: 12px; line-height: 14px; border-radius: 3px; border-width: 1px; border-color: #222222 black #333333; border-style: solid; padding: 3px; z-index: 2147483647; color: #222222; user-select: none; cursor: default; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\"><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Events Integration with WordPress &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":1878,"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-2038","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/2038","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/comments?post=2038"}],"version-history":[{"count":3,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/2038\/revisions"}],"predecessor-version":[{"id":7471,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/2038\/revisions\/7471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media\/1878"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=2038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}