{"id":3359,"date":"2018-01-05T23:53:28","date_gmt":"2018-01-05T23:53:28","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=3359"},"modified":"2020-05-04T14:53:38","modified_gmt":"2020-05-04T21:53:38","slug":"adding-images-to-a-page","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/adding-images-to-a-page\/","title":{"rendered":"Adding images to a page"},"content":{"rendered":"<h1>Adding images to a page<\/h1>\n<p>Note: All images used on your site should be accessed from the <a href=\"https:\/\/nau.edu\/widen\">NAU Online Photo Gallery<\/a>. If you have any questions about the use of photos on your website, please contact <a href=\"mailto:Rayma.Lee@nau.edu\">Rayma Lee<\/a> from NAU Marketing.<\/p>\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/video-media-library\/\"><u>Watch the Media Library video<\/u><\/a><\/p>\n<p style=\"text-align: center;\"><a class=\"shortcode-button\" href=\"https:\/\/in.nau.edu\/web\/video-image-callout-and-caption\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>Watch the Image Callout and Image Caption video<\/u><\/a><\/p>\n<h2>Step 1: Access the Media Library<\/h2>\n<p>Adding media to your WordPress site adds it to your Media Library, so you can access the same media from any Page or Post in your site.<\/p>\n<p>There are several methods to access the <strong>Upload New Media\u00a0<\/strong>or\u00a0<strong>Medial Library<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-136 alignright\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Access-Media-Library.png\" alt=\"Arrows specifying the multiple ways to add new media within WordPress.\" width=\"300\" height=\"219\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Access-Media-Library.png 491w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Access-Media-Library-300x219.png 300w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li>Click <strong>Media<\/strong> from the side menu, then select <strong>Add New<\/strong><\/li>\n<li>Click <strong>+ New<\/strong> from the top menu, then select <strong>Media<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-137 alignright\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button.png\" alt=\"The Add Media button in the text editor of WordPress.\" width=\"300\" height=\"75\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button.png 323w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button-300x75.png 300w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button-960x240.png 960w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button-464x116.png 464w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/170\/2017\/07\/Add-Media-button-1440x360.png 1440w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>In the Page or Post editing view, click <strong>Add Media<\/strong> above the text editor<br \/>\n<hr \/>\n<\/li>\n<\/ul>\n<h2>Step 2: Add media to your page<\/h2>\n<p>The process for adding an image is the same for Pages and Posts. Please review the <a href=\"https:\/\/in.nau.edu\/web\/image-callout\/\">image callout<\/a> and <a href=\"https:\/\/in.nau.edu\/web\/image-caption\/\">image caption<\/a> pages for adding images using the shortcodes.<\/p>\n<ol>\n<li>In the text editor, insert your cursor where you&#8217;d like to insert the image.<\/li>\n<li>Click\u00a0<strong>Add Media<\/strong>.<\/li>\n<li>Select the image from the Media Library.<\/li>\n<li>Ensure all titles and alt text are included.<\/li>\n<li>Select the size of the image from the dropdown menu in the Attachment Display Settings.<\/li>\n<li>Click\u00a0<strong>Insert into page<\/strong>.<\/li>\n<\/ol>\n<h3>How to make edits to images in the content editor<\/h3>\n<p>Once an image is added to a page or post, you can still make edits to the size and alignment. The instructions below apply only when using the visual editor.<\/p>\n<ul>\n<li>To change the alignment, select the image and choose the alignment option.<\/li>\n<li>To change the size, select the image and click the pencil icon. Make the necessary adjustments and click\u00a0<strong>Update<\/strong>.<\/li>\n<\/ul>\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<h4>Photographer Requests<\/h4>\n<p>To request a photographer at your next event, contact NAU Marketing or complete a <a href=\"https:\/\/www.nau.edu\/Marketing\/Services\/UM-Project-Intake\/\">UM Project Request<\/a>.<br \/>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Adding images to a page Note: All images used on your site should be accessed from the NAU Online Photo Gallery. If you have any questions about the use of photos on your website, please contact Rayma Lee from NAU Marketing. Watch the Media Library video Watch the Image Callout and Image Caption video Step [&hellip;]<\/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-3359","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3359","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=3359"}],"version-history":[{"count":9,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3359\/revisions"}],"predecessor-version":[{"id":7602,"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/pages\/3359\/revisions\/7602"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/web\/wp-json\/wp\/v2\/media?parent=3359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}