{"id":23,"date":"2011-05-22T15:56:41","date_gmt":"2011-05-22T15:56:41","guid":{"rendered":"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/?p=23"},"modified":"2013-06-18T09:00:50","modified_gmt":"2013-06-18T09:00:50","slug":"showing-a-page-full-of-images","status":"publish","type":"post","link":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/","title":{"rendered":"Showing a page full of images"},"content":{"rendered":"<p>WordPress allows you to show a bunch of images in a grid in the content of your post.<\/p>\n<p>Step 1: Create a new post or page<br \/>\nStep 2: Add the images for the gallery to the media library<br \/>\n(WordPress attaches the uploaded images to the post)<br \/>\nStep 3: Type the <a href=\"http:\/\/codex.wordpress.org\/Gallery_Shortcode\">gallery shortcode<\/a> like so:<code>&#091;gallery&#093;<\/code><br \/>\nStep 4: Update the post and preview it<\/p>\n\n\t\t<style>\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-23 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1334\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1334-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1356\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1356-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1368\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1368-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1398\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1398-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1409\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1409-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1413\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1413-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1433\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1433-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1485\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1485-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1490\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1490-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/dscf1527\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/DSCF1527-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/screen-shot-2011-05-30-at-14-09-41\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/files\/2011\/05\/Screen-shot-2011-05-30-at-14.09.41-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress allows you to show a bunch of images in a grid in the content of your post. Step 1: &hellip; <a href=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/2011\/05\/22\/showing-a-page-full-of-images\/\" \" class=\"more\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":43,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-23","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"_links":{"self":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":7,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/posts\/23\/revisions\/97"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/media\/43"}],"wp:attachment":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/labmark-tutorial\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}