Caranya mudah sahaja, upload gambar yang clickable, kemudian wrap/tutup semuanya gambar clickable tersebut dengan tag
<figure class="gallery" />
. Contoh seperti dibawah:
<figure class="gallery"> <!-- start gambar² --> <a href="https://d1sb2vhc1h1lwk.cloudfront.net/designs/127745/Preview/191919/display.jpg"><img src="https://d1sb2vhc1h1lwk.cloudfront.net/designs/127745/Preview/191919/display.jpg" alt="Programmer Cloud Text" /></a> <a href="https://d1sb2vhc1h1lwk.cloudfront.net/designs/124979/Preview/262c3a/display.jpg"><img src="https://d1sb2vhc1h1lwk.cloudfront.net/designs/124979/Preview/262c3a/display.jpg" alt="Preview"/></a> <a href="http://cdn01.wallconvert.com/_media/wp_400x250/1/2/19441.jpg"><img src="http://cdn01.wallconvert.com/_media/wp_400x250/1/2/19441.jpg" alt="media"/></a> <a href="http://picm.yourswallpaper.com/abstract/programming-wallpaper_17695.jpg"><img src="http://picm.yourswallpaper.com/abstract/programming-wallpaper_17695.jpg" alt="programming wallpaper"/></a> <a href="http://sd.keepcalm-o-matic.co.uk/i/i-am-a-programmer-i-control-your-life-7.png"><img src="http://sd.keepcalm-o-matic.co.uk/i/i-am-a-programmer-i-control-your-life-7.png" alt="i am Programmer" /></a> <a href="http://3.bp.blogspot.com/-4Avrg3m-HEQ/VXC2suw13LI/AAAAAAAAHLQ/fazeditfZmU/s1600/Programmer%2BQoutes.jpg"><img src="http://3.bp.blogspot.com/-4Avrg3m-HEQ/VXC2suw13LI/AAAAAAAAHLQ/fazeditfZmU/s1600/Programmer%2BQoutes.jpg" alt="Programmer Qoutes" /></a> <!-- end gambar² --> </figure>
Dibawah berikut adalah hasilnya. Sila klik mana² gambar untuk besarkan dan menampilkan manual image slider.






Sebagai info, tanpa membuat gallery seperti diatas juga, secara default-nya semua image dalam dalam single-post content akan zoom bila di-click.