{"id":251,"date":"2019-06-04T14:52:25","date_gmt":"2019-06-04T14:52:25","guid":{"rendered":"http:\/\/blogs.luc.edu\/t4\/?p=251"},"modified":"2019-06-04T14:52:25","modified_gmt":"2019-06-04T14:52:25","slug":"photogallery-embed","status":"publish","type":"post","link":"https:\/\/blogs.luc.edu\/t4\/photogallery-embed\/","title":{"rendered":"PhotoGallery Embed"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>Content Type: <\/strong><span style=\"color: #922247;\">Photo Gallery Embed<\/span><\/h3>\n\n\n\n<p>Use this content type when you want to embed a Slideshow of Images from a Media Library Category. Only 1 photo gallery is permitted per section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Use this Content Type<\/h3>\n\n\n\n<p><span style=\"color: #922247;\"><strong>STEP 1:<\/strong><\/span><strong> Upload your images in the media library<\/strong><\/p>\n\n\n\n<p><strong>Important Tips:<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Make sure all images are optimized for the web and are of the same height prior to uploading to the media library.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>The following image dimensions are recommended:<br>Resolution = 72 pixels\/inch<br>Regular Image = 1000 pixels (Width) by 560 pixels (Height)<br>Panoramic Image = 1800 pixels (Width) by 735 pixels (Height)<br><br><\/li>\n<li>Images must only belong to the media category that contains all the images for your photo gallery.<br><br><\/li>\n<li>The photo caption is being pulled from the <em>Description<\/em> field value of the Image file in the Media Library.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><p><span style=\"color: #922247;\"><strong>STEP 2:<\/strong><\/span><strong> Duplicate an existing section containing a photo gallery content piece<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><a href=\"https:\/\/www.luc.edu\/sandbox\/lwheeler\/photogallerysamplepage\/\">Sample Page<\/a>\n<ul>\n<li>The order of the content should be as follows:\n<ol>\n<li>Required: <strong>photogalleryembed.css<\/strong><\/li>\n<li>Optional: Content Type = Page Content Only<\/li>\n<li>Content Type = <strong>Photo Gallery Embed<\/strong><\/li>\n<li>Optional: Content Type = Page Content Only<\/li>\n<li>Required: <strong>photogalleryembed.js<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Content Type Settings:<\/h4>\n\n\n\n<p><strong>Minimum User Level:<\/strong> Contributor<br><strong>Direct Edit Enabled: <\/strong>Yes<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Content Type Elements:<\/strong><\/h4>\n\n\n\n<p><strong>Name<\/strong> (<em>Plain Text, 80 characters, required<\/em>)<br><strong>Media Item<\/strong> (<em>Media, required)<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Page Layout Compatibility:<\/h4>\n\n\n\n<p><em>This content type will properly display when used with the Page Layouts identified below.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter is-style-stripes\"><table><tbody><tr><td><strong>Page Layout Name<\/strong><\/td><td><strong>Required Components<\/strong><\/td><\/tr><tr><td>Primary Interior<\/td><td>The following files must be added to the section:<br><a href=\"https:\/\/www.luc.edu\/media\/lucedu\/styleassets\/css\/photogalleryembed.css\">photogalleryembed.css<\/a><br><a href=\"https:\/\/www.luc.edu\/media\/lucedu\/styleassets\/js\/photogalleryembed.js\">photogalleryembed.js<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Content Type: Photo Gallery Embed Use this content type when you want to embed a Slideshow of Images from a Media Library Category. Only 1 photo gallery is permitted per section. How to Use this Content Type STEP 1: Upload your images in the media library Important Tips: Make sure all images are optimized for &hellip; <\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/blogs.luc.edu\/t4\/photogallery-embed\/\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[8,9,10],"class_list":["post-251","post","type-post","status-publish","format-standard","hentry","category-content-types","category-how-tos","tag-embedded-content","tag-global-content-type","tag-programmable-layout"],"_links":{"self":[{"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":0,"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/posts\/251\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/categories?post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.luc.edu\/t4\/wp-json\/wp\/v2\/tags?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}