Daha önce sitemde şöyle birşey yapmıştım;



canlı görüntüle: http://bit.ly/1Eibfoy

Bunu şöyle yapabilirsin:

temanın functions.php kodunun en altına şunu ekle;

function galeriresim_function($atts, $content = null) {
   extract(shortcode_atts(array(
      "bslk" => '',
      "links" => '',
	  "rsm1" => '',
	  "rsm2" => '',
	  "rsm3" => '',
      "src" => '<br/><br/><br/>'
   ), $atts));
   return '
   <style type="text/css">
.galeri{
width: 540px;
margin: -20px;
padding-top: 20px;
}
.galeriimg2 img{
  width:265px;
  height:100px;
  float:left;
}
.galeriimg2alt img{
  width:265px;
  height:100px;
  margin-left:10px;
}
.galerititle{
  position:absolute;
  margin-top:250px;
  color:#fff;
  background-color:#000;
  padding:5px;
  margin-left:10px;
}
.altgaleriler{
	padding-top: 3px;
}
</style>

<div class="galeri">
	<a href="'.$links.'">  
	  <div class="galeriimg1">
	    <div class="galerititle">'.$bslk.' Galerisi</div>
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm1.'&w=540&h=300&q=100">
	  </div>
	  <div class="altgaleriler">
	  <div class="galeriimg2">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm2.'&w=265&h=100&a=c&q=100">
	  </div>
	    <div class="galeriimg2alt">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm3.'&w=265&h=100&a=c&q=100">
	  </div>
	  </div>
	</a>
</div><br/><br/>';
}
add_shortcode("galeriresim", "galeriresim_function");

Kodu yazı içinde shortcode olarak şöyle çalıştırıyorum;

[galeriresim bslk="GALERİ BAŞLIĞI" links="GALERİ URLSİ" rsm1="GALERI_1_RESMI.jpg" rsm2="GALERI_2_RESMI.jpg" rsm3="GALERI_3_RESMI.jpg" src=""]

Biraz kafakarıştırıcı gelebilir ama düz mantık vakit kurtarır mantığıyla bunu yapmıştım zamanında