{"id":3261,"date":"2012-05-30T08:26:20","date_gmt":"2012-05-30T08:26:20","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3261"},"modified":"2012-08-08T18:55:17","modified_gmt":"2012-08-08T18:55:17","slug":"how-to-create-a-gallery-in-wordpress","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-create-a-gallery-in-wordpress\/affordablewebsitestips\/tutorials","title":{"rendered":"How To Create A Gallery In WordPress"},"content":{"rendered":"<p>I will show you how to create a gallery in WordPress with just a few simple steps. It's\u00a0recommended\u00a0that your gallery images be saved in 'JPG' format under 1mb each.<\/p>\n<h3>Creating a gallery in WordPress<\/h3>\n<ol>\n<li>Log into your WordPress admin.<\/li>\n<li>Click on 'Pages'.<\/li>\n<li>Enter a title for your page called 'Gallery'. You can name this gallery page anything you want.<\/li>\n<li>Place your cursor in the content area where you want the gallery to appear, and click on the 'Add an Image' icon.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3263\" style=\"border: 1px solid black;\" title=\"wordpress_add_an_image\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image.jpg\" alt=\"\" width=\"395\" height=\"378\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image.jpg 395w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-300x287.jpg 300w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/a><\/li>\n<li>Click the 'Select Files' button.<\/li>\n<li>Navigate to the directory on your computer where you have the images saved that you want to use for your galler, select them and press the 'Open' button.<br \/>\n<strong>Note:<\/strong> you can hold down the 'CRTL' key while selecting you images to select multiple images at one.<\/li>\n<li>After WordPress uploads all the images for your gallery, click the 'Save All Changes' button.<\/li>\n<li>Click the 'Insert Gallery' button.<\/li>\n<li>Your gallery should now be placed in your content area and look like this (if you have the 'visual tab' selected).<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3268\" style=\"border: 1px solid black;\" title=\"WordPress_gallery\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery.jpg\" alt=\"\" width=\"449\" height=\"305\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery.jpg 449w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-300x203.jpg 300w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><\/a><br \/>\nIf you have the 'HTML' tab selected, your gallery will appear as shortcode<br \/>\n<!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"Javascript\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;Javascript&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">1<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#091;<\/span>gallery link<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;file&quot;<\/span> columns<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;4&quot;<\/span><span style=\"color: #009900;\">&#093;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">2<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">3<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/li>\n<li>If you click on your gallery while the 'Visual' tab is selected, the 'Edit Gallery' icon will appear.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3271\" style=\"border: 1px solid black;\" title=\"wordpress_edit_gallery\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery.jpg\" alt=\"\" width=\"386\" height=\"297\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery.jpg 386w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-300x230.jpg 300w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/a><br \/>\nYou can click the 'Edit Gallery' icon to make changes to your gallery. <a title=\"order wordpress gallery\" href=\"http:\/\/2slick.com\/web\/wordpress-gallery-order\/affordablewebsitestips\/tutorials\" target=\"_blank\">How to order WordPress gallery <\/a><\/li>\n<li>Click the 'Update' button to save your WordPress gallery page.<\/li>\n<\/ol>\n<h3>Sample WordPress gallery<\/h3>\n\n\t\t<style type=\"text\/css\">\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-3261 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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/create_gallery_wordpress.jpg 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_add_an_image-300x300.jpg 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic-300x300.jpg 300w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_mosaic.jpg 580w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_accent-300x300.jpg 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/free_font_1-300x300.jpg 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/photodune.jpg 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/WordPress_gallery-300x300.jpg 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-90x90.jpg 90w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_edit_gallery-300x297.jpg 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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>I will show you how to create a gallery in WordPress with just a few simple steps. It&#8217;s\u00a0recommended\u00a0that your gallery images be saved in &#8216;JPG&#8217; format under 1mb each. Creating a gallery in WordPress Log into your WordPress admin. Click on &#8216;Pages&#8217;. Enter a title for your page called &#8216;Gallery&#8217;. You can name this gallery [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4,6],"tags":[288,69],"class_list":["post-3261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-tutorials","category-wordpress","tag-gallery","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3261"}],"version-history":[{"count":4,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3261\/revisions"}],"predecessor-version":[{"id":3270,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3261\/revisions\/3270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/4718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}