{"id":3136,"date":"2017-12-27T23:36:43","date_gmt":"2017-12-27T23:36:43","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=3136"},"modified":"2020-03-13T11:49:12","modified_gmt":"2020-03-13T18:49:12","slug":"by-the-numbers","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/by-the-numbers\/","title":{"rendered":"By the Numbers"},"content":{"rendered":"<h1>By the Numbers<\/h1>\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>By the Numbers is a feature that prominently displays statistics. This feature is most often used on homepages.<\/p>\n<p>By the Numbers statistics don&rsquo;t belong in tabs! Examples of two and three-column layouts may be found below (on the mobile view, you&rsquo;ll need to scroll to the bottom of the page to see the examples).<\/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<p>The best way to display Numbers is inside of one, two, or three columns. Three is the max.<\/p>\n<p>The number or statistic you&rsquo;re featuring must be formatted as a Heading 4 (h4). The description of the statistic is plain text (Paragraph).<\/p>\n<ol>\n<li>Create the number of columns that you wish to put the Numbers into\n<ol>\n<li><a href=\"https:\/\/in.nau.edu\/web\/1-column\/\">One column<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/web\/2-column\/\">Two columns<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/web\/3-column\/\">Three columns<\/a><\/li>\n<\/ol>\n<\/li>\n<li>Place your cursor between the shortcode brackets for the first column.<\/li>\n<li>Select <strong>number<\/strong>.<\/li>\n<li>The shortcode appears in the text editor.<\/li>\n<li>Place your cursor between the shortcode brackets for the number.<\/li>\n<li>Enter Heading 4 text for the number.<\/li>\n<li>Enter plain text for the description of the number.<\/li>\n<li>Repeat steps 2-7 for each column.<\/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>Check the following if your By the Numbers are not appearing as intended:<\/p>\n<ul>\n<li>Ensure that all of the shortcode brackets and slashes are present<\/li>\n<li>Check to be sure that you put the statistics in between the [numbers] shortcode brackets<\/li>\n<li>Did you use H4 for the statistic and Paragraph styling for the text?<\/li>\n<\/ul>\n\n\n    <\/body><\/html>\n\n    <\/div>\n<\/div>\n\n    <\/div>\n\n<h2>Example 01: By the Numbers in two columns<\/h2>\n<div class='shortcode-column-container'><!-- shortcode-column -->\n<div class=\"shortcode-column shortcode-column--count-2\">\n    \n<!-- shortcode-number -->\n<div class=\"shortcode-number shortcode-number--center\">\n    <div class=\"shortcode-number__container\">\n        <h4>43K<\/h4>\n        <span class=\"number-text-code\">\n\nStudents\n<\/span>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n<!-- shortcode-column -->\n<div class=\"shortcode-column shortcode-column--count-2\">\n    \n<!-- shortcode-number -->\n<div class=\"shortcode-number shortcode-number--center\">\n    <div class=\"shortcode-number__container\">\n        <h4>30K<\/h4>\n        <span class=\"number-text-code\">\n\nStudents in Residence\n<\/span>\n    <\/div>\n<\/div>\n\n\n<\/div>\n<\/div>\n<h2>Example 02: By the Numbers in three columns<\/h2>\n<div class='shortcode-column-container'><!-- shortcode-column -->\n<div class=\"shortcode-column shortcode-column--count-3\">\n    \n<!-- shortcode-number -->\n<div class=\"shortcode-number shortcode-number--center\">\n    <div class=\"shortcode-number__container\">\n        <h4>$235M<\/h4>\n        <span class=\"number-text-code\">\n\nSpent\n\n<\/span>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n<!-- shortcode-column -->\n<div class=\"shortcode-column shortcode-column--count-3\">\n    \n<!-- shortcode-number -->\n<div class=\"shortcode-number shortcode-number--center\">\n    <div class=\"shortcode-number__container\">\n        <h4>30K<\/h4>\n        <span class=\"number-text-code\">\n\nStudents in Residence\n<\/span>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n<!-- shortcode-column -->\n<div class=\"shortcode-column shortcode-column--count-3\">\n    \n<!-- shortcode-number -->\n<div class=\"shortcode-number shortcode-number--center\">\n    <div class=\"shortcode-number__container\">\n        <h4>25<\/h4>\n        <span class=\"number-text-code\">\n\nAverage Class Size\n<\/span>\n    <\/div>\n<\/div>\n\n\n<\/div>\n<\/div>\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<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>By the Numbers Example 01: By the Numbers in two columns Example 02: By the Numbers in three columns<\/p>\n","protected":false},"author":1,"featured_media":0,"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-3136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3136","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=3136"}],"version-history":[{"count":1,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3136\/revisions"}],"predecessor-version":[{"id":7318,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3136\/revisions\/7318"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=3136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}