{"id":156,"date":"2014-07-08T11:39:24","date_gmt":"2014-07-08T18:39:24","guid":{"rendered":"https:\/\/blogs.ubc.ca\/testingportfolio\/?p=156"},"modified":"2014-07-08T11:39:24","modified_gmt":"2014-07-08T18:39:24","slug":"adding-images-to-pages-or-posts","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/blogsandbox\/2014\/07\/08\/adding-images-to-pages-or-posts\/","title":{"rendered":"Adding images to pages or posts"},"content":{"rendered":"<p>To add an image (or other media &#8211; video, sound file, pdf file etc), you click the <strong>Add Media<\/strong> button on the top left of the visual editor box (that&#8217;s the box you type in).<\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2014\/07\/AddMedia.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-160\" src=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2014\/07\/AddMedia.jpg\" alt=\"AddMedia\" width=\"346\" height=\"310\" \/><\/a><\/p>\n<p>Click Upload Files and then either drag and drop your file (jpg, pdf etc) or use the Browse button to browse your computer. Once you upload a file, it will appear in the Media Library tab. NB: You can select left, center or right alignment and size. You should include the copyright info for the image in the boxes provided when you upload!<\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2014\/07\/InsertMedia.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-161\" src=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2014\/07\/InsertMedia.jpg\" alt=\"InsertMedia\" width=\"446\" height=\"206\" \/><\/a>Be sure you &#8216;INSERT into POST&#8217; so that it appears in your posting (or you page)<\/p>\n<p>*Remember to always hit the blue button &#8211; update, publish, save&#8230;<\/p>\n<p>If you have several images to share, you can create slideshows <a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/2014\/07\/08\/slideshows\/\">(see this post)<\/a> or even eye catching photo collages on third party sites such as <a href=\"http:\/\/www.photovisi.com\/\">&#8220;PhotoVisi&#8221;<\/a> and upload them as jpgs to your site.<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download-300x225.jpg\" alt=\"photovisi-download\" width=\"300\" height=\"225\" class=\"aligncenter size-medium wp-image-253\" srcset=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download-300x225.jpg 300w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download-768x575.jpg 768w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download-1024x767.jpg 1024w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download-624x468.jpg 624w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2014\/07\/photovisi-download.jpg 1025w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To add an image (or other media &#8211; video, sound file, pdf file etc), you click the Add Media button on the top left of the visual editor box (that&#8217;s the box you type in). Click Upload Files and then either drag and drop your file (jpg, pdf etc) or use the Browse button to [&hellip;]<\/p>\n","protected":false},"author":21051,"featured_media":103,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4139,662,1],"tags":[],"class_list":["post-156","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-images","category-media","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/users\/21051"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":0,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/media\/103"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}