Ajax seo açısından sıkıntılı genel olarak google ajax içeriklerini okumuyor. Bu JS ile yapılabilir ve infinite scroll eklentileri hep sonraki içeriği ekliyor yazı içindeki fotoğrafları bu şekilde açan bir eklenti varsa benim de ihtiyacım var ücretli ücretsiz farketmez.
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 $post_id = get_the_ID(); 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.