Alt alta dizersiniz fotoğrafları. Sonrasında lazyload ile sırasıyla yüklersiniz. Aşağı indikçe yüklenir fotoğraflar. Lazyload şöyle bir mantıkla çalışıyor. Önce data-original diye bir attribute ekliyorsunuz img koduna. src attribute olarak ise yukleniyor.gif gibi bir resim konabilir. Lazyload bunu ekranın o kısmına gelindiğinde src olarak değiştiriyor ve resim yüklenmiş oluyor. O ana kadar ise yukleniyor.gif çalışıyor.




Galeri resimlerini alt alta ekleme kodu ise şöyle:

<?php if ( has_shortcode( $post->post_content, 'gallery' ) ) { 
      $galleries = get_post_galleries( $post_id, false );
      foreach ($galleries as $gallery) {
       $gallery_attachment_ids = explode( ',', $gallery['ids'] );
      foreach( $gallery_attachment_ids as $image ) { ?>
      <img <?php if (get_the_title($image)!="") { ?> title="<?php echo get_the_title($image); ?>"<?php } ?> src="<?php echo wp_get_attachment_image_src( $image, 'full', false )[0]; ?>" />
      <?php if(trim(get_the_title($image))!="") {
      echo trim(get_the_title($image)); }
      if (wp_prepare_attachment_for_js( $image )["caption"]!="") { ?>
      <?php echo wp_prepare_attachment_for_js( $image )["caption"]; ?>
      <?php } } }
    $galleries = "";
    $gallery_attachment_ids = ""; } ?>

Snytax hatası verirse ben çalıştırırım. Buna CSS stilini vermeniz ve gerektiğinde div, span gibi elemanlar eklemeniz gerekiyor.




Unutmadan, bu kodu single.php'ye eklemeniz gerekiyor. $post_id değişkeni var orada. Onun tanımlamasını da bu kodun "üstüne" şöyle yazabilirsiniz (mesaj değiştirmemek için ek yazıyorum, ne alâkaysa. :

<?php $post_id = get_the_ID();