{"id":1575,"date":"2020-11-12T09:28:52","date_gmt":"2020-11-12T14:28:52","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=1575"},"modified":"2020-11-12T09:28:53","modified_gmt":"2020-11-12T14:28:53","slug":"shorts-storing-images-and-files","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/shorts-storing-images-and-files\/","title":{"rendered":"Shorts \u2013 Storing Images and Files"},"content":{"rendered":"<h2>Adding Images to a Page:<\/h2>\n<p>All images should be added to a page after uploading the image to the Image folder. First select File Administration under the Site Administration dropdown menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2020\/11\/111220_1418_ShortsStori1.png\" alt=\"Start by selecting File Administration from the Site Administration dropdown menu\" width=\"287\" height=\"307\" \/><strong><br \/>\n<\/strong><\/p>\n<p>Then navigate to the folder where you want to store the image. Note that the first level of folders under the Image folder should parallel the menu options across the top of your school site. (Or at least it did at one time.) You can create subfolders for new pages using the fifth icon in the menu bar from the left. Then click the upload button to open the dialog that lets you select one or more images files to upload into the selected folder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2020\/11\/111220_1418_ShortsStori2.png\" alt=\"Next navigate to the folder within the Image hierarchy to the folder where you want to save the image\" width=\"518\" height=\"308\" \/><strong><br \/>\n<\/strong><\/p>\n<p>You can also get to this same point when you are in edit mode of a content portlet on your page by clicking the Image Manager button as shown below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2020\/11\/111220_1418_ShortsStori3.png\" alt=\"You can also get to the prior dialog by using the Image Manager button when editing a content portlet\" width=\"573\" height=\"188\" \/><strong><br \/>\n<\/strong><\/p>\n<p>If you are in the content portlet, after you upload the image, select it to insert it into the content portlet at the current cursor position.<\/p>\n<p>Why do this? Why not just drag and drop or copy and paste the image from another source? If you copy and paste the image, it will appear to work, however, it will paste the binary code for the image into the content portlet&#8217;s HTML making it very difficult to edit the page&#8217;s HTML for other issues such as ADA corrections especially if there are several images on the page. In addition, posting the image in the content area increases the page size making it take longer to display and to load when editing. At an extreme, it can cause the page to fail to load properly when the network is slow.<\/p>\n<p>On the other hand, using the Image Manager to upload and then reference an image stored on the File Manager server reduces the page HTML overhead and helps the page load faster. In addition, images stored on the File Manager can be cached. This means they are stored in a special place in the server memory so they can be reused on other pages or by other users referencing the same page. Cached images improve page performance.<\/p>\n<h2>Security of Images and Files Stored in the File Manager<\/h2>\n<p>If you have ever tried to go to one of the district&#8217;s intranet pages, you know that you must be a validated OCPS user before you can see any of this content. That is in fact the definition of an intranet site. Only employees of an organization should be able to see the content on those pages. But what about the images and files (PDFs) that are stored in the File Manager for intranet pages. Are they secure as well?<\/p>\n<p>Unfortunately, no!<\/p>\n<p>The security to get to the images and files in the File Manager, even those used by the intranet, do not obey the same security rules as the intranet pages themselves. Why not? The simple answer is that the File Manager&#8217;s files and the intranet&#8217;s pages are stored on different servers and only the server with the intranet pages validates user access against AD (Active Directory) accounts. So, anyone can access images and PDFs referenced from an intranet page? Yes, but there is one thing they need to know first. They need to know the URL of the image or PDF to reference the file from outside of the intranet page itself. While not difficult, I will not detail that process here. Just take my word for it. It is easy. The point being that if you have information that might be considered confidential, it should NOT be stored in the Presence File Manager.<\/p>\n<p>So how do you protect confidential data? There are two alternatives I can think of. One is store them in your district SharePoint collaboration site. These sites can be shared to all OCPS staff using READ access only. Another option would be to use either the document container web part from Presence to store the PDF or the Image Gallery for images (or similar web portlets). Since you can only access the contents of these web portlets by editing the web page they are on, this by default will prevent non-OCPS employees from getting to these files without first logging into the intranet to display the pages they are on.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding Images to a Page: All images should be added to a page after uploading the image to the Image folder. First select File Administration under the Site Administration dropdown menu. Then navigate to the folder where you want to store the image. Note that the first level of folders under the Image folder should &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/shorts-storing-images-and-files\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Shorts \u2013 Storing Images and Files&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[36],"tags":[144],"class_list":["post-1575","post","type-post","status-publish","format-standard","hentry","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-tips-tricks"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1668,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/create-a-school-site-newsletter-infrastructure\/","url_meta":{"origin":1575,"position":0},"title":"Create a School Site Newsletter Infrastructure","author":"Carlos Hernandez","date":"March 24, 2021","format":false,"excerpt":"Goal: To create two links under School Information that will represent: A link to the current version of your school newsletter A link to a page that contains an archive of school newsletters using a document container. To begin: Open your school site in your favorite browser. If you are\u2026","rel":"","context":"In &quot;How-To&quot;","block_context":{"text":"How-To","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-that-explains-how-to-perform-a-specific-activity\/"},"img":{"alt_text":"The document container only shows the folders after the files have been moved into folders","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2021\/03\/032421_1626_CreateaScho19.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1307,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/","url_meta":{"origin":1575,"position":1},"title":"All IMG elements must have an ALT attribute","author":"Carlos Hernandez","date":"September 23, 2019","format":false,"excerpt":"While it is true that images added to a web page using the Image Manager button in the content editor menu will not currently allow you to add an image to a content area without entering text into the Alt-Text field, there are still many images throughout the portal where\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Image Manager Button in Edit Menu","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/092019_1721_AllIMGeleme1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":510,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/annotating-images\/","url_meta":{"origin":1575,"position":2},"title":"Annotating Images","author":"Carlos Hernandez","date":"March 14, 2018","format":false,"excerpt":"At a recent Open Lab, the question came up as to why we cannot add captions at the bottoms of all images. Perhaps they are thinking about captions that appear beneath images in many books and magazines. Or perhaps they noticed that captions are available at the bottom of the\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1013,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/invalid-characters-in-file-names\/","url_meta":{"origin":1575,"position":3},"title":"Invalid Characters in File Names","author":"Carlos Hernandez","date":"February 28, 2019","format":false,"excerpt":"When you upload a PDF or other file to the Portal, you have to avoid invalid characters in the URL of the filename. On the internet, you will find various lists of characters that are valid and those that are not. However, they do not always differentiate between characters that\u2026","rel":"","context":"In &quot;Tips\/Tricks&quot;","block_context":{"text":"Tips\/Tricks","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-showing-a-specific-tip-or-trick-related-to-web-sites\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":905,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/how-to-check-your-pdf-for-accessiblity\/","url_meta":{"origin":1575,"position":4},"title":"How to Check Your PDF for Accessiblity?","author":"Carlos Hernandez","date":"November 21, 2018","format":false,"excerpt":"There has been a great deal of concern about accessibility recently. Even Microsoft has focused on accessibility in many of their more recent application updates. However, how do you as an individual ensure your PDF documents are accessible without having to remember dozens of rules? Fortunately, a tool on every\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1467,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/style-and-image-sizing\/","url_meta":{"origin":1575,"position":5},"title":"Style and Image Sizing","author":"Carlos Hernandez","date":"March 13, 2020","format":false,"excerpt":"If image sizing for web pages seems to be an area that confuses you, this blog post is for you. Automatically Optimize\u00a0Image\u00a0Sizes (Excerpted from the SchoolMessenger built-in help about image resizing.) Many\u00a0images\u00a0that you wish to use on your site are much larger than is necessary. For example, depending on the\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Formula to calculate desired Image Height","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/03\/031020_1739_StyleandIma1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/comments?post=1575"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1575\/revisions"}],"predecessor-version":[{"id":1578,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1575\/revisions\/1578"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=1575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=1575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=1575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}