{"id":999,"date":"2015-09-20T10:03:17","date_gmt":"2015-09-20T15:03:17","guid":{"rendered":"https:\/\/2015.toronto.wordcamp.org\/?post_type=wcb_session&#038;p=999"},"modified":"2015-09-24T09:34:01","modified_gmt":"2015-09-24T14:34:01","slug":"image-grid-plugins","status":"publish","type":"wcb_session","link":"https:\/\/toronto.wordcamp.org\/2015\/session\/image-grid-plugins\/","title":{"rendered":"Image Grid Plugins"},"content":{"rendered":"<p>The rallying cry for WordPress has become an Apple take-off &#8220;there is a free plugin for that&#8221;. So the premium plugins have to offer substantial value to win over developers. Here are two image grid plugins, Justified Image Grid and Essential Grid, that offer just such value.<!--more--><\/p>\n<ul>\n<li>Responsive image grids that work well on mobile and desktop screens.<\/li>\n<li>Ability to incorporate portrait, landscape, and varying dimensions images in the same masonry layout image grid.<\/li>\n<li>Add styled captions, links, and shortcodes to images.<\/li>\n<li>Use a variety of image sources including WP gallery, NextGen, FaceBook, Flickr, Instagram, etc.<\/li>\n<li>Provide an image grid of feature Posts based on taxonomy, category, or date.<\/li>\n<li>Provide a variety of lightboxes for magnification of images with captions.<\/li>\n<li>Allow for page or load more infinite image scrolling.<\/li>\n<li>Provide filtering of images displayed in the grid with buttons along the top for All, Tagged, Category, Etc filters.<\/li>\n<li>Provide a variety of styling options for individual images and the grid as a whole.<\/li>\n<li>I compare the best of the free image plugins with these features.<\/li>\n<\/ul>\n<p>(Disclosure:\u00a0I am not now nor will be in the future be an affiliate for either of these vendors or their representatives. The motivation: several times for $28 or less these plugins saved my bacon by lowering cost of development by hundreds of dollars while delivering advanced and winning features to clients.)<\/p>\n<p><strong>Learning Outcomes:<\/strong><\/p>\n<ul>\n<li>Outline the key uses of image grids in WordPress development.<\/li>\n<li>Demonstrate the advantage of responsive grids in mobile design.<\/li>\n<li>Show how image grids can display mixed size plus portrait and landscape images well in a masonry layout.<\/li>\n<li>Create a visual sitemap for a website.<\/li>\n<li>Create an instant shopping cart grid for an array of products.<\/li>\n<li>Help answer the question when to consider a premium plugin.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The rallying cry for WordPress has become an Apple take-off &#8220;there is a free plugin for that&#8221;. So the premium plugins have to offer substantial value to win over developers. Here are two image grid plugins, Justified Image Grid and Essential Grid, that offer just such value.<\/p>\n","protected":false},"author":6358608,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1443992400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[952],"footnotes":""},"session_track":[3558],"session_category":[],"class_list":["post-999","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-beginner"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5UjGY-g7","jetpack_likes_enabled":false,"session_date_time":{"date":"October 4, 2015","time":"4:00 pm"},"session_speakers":[{"id":"952","slug":"jacques-b-surveyer","name":"Jacques B Surveyer","link":"https:\/\/toronto.wordcamp.org\/2015\/speaker\/jacques-b-surveyer\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/users\/6358608"}],"version-history":[{"count":2,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/999\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/999\/revisions\/1001"}],"speakers":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/952"}],"wp:attachment":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=999"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=999"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}