WordPress Yazı İçindeki Galeriyi Slider Olarak Yapalım

WordPresste galeri olarak eklediğiniz resimlerin slider olması için bir kaç metod bulunuyor. Flexslider bunun için ideal bir yöntemdir.

Birinci yöntem: Post Magic Slider

Post Magic Slider eklentisini kurun. Ayarlarından “Post Types” kısmını post seçin Silder Appear on kısmındaa Short Code seçimi yapın. Kaydedip yazı ekleme kısmına giriş yapın.

Üstteki görüntüden yüklemeleri yapın yazıyı yayınlayın. Short Code seçtiğimiz için ilkten görünmeyecektir. İsterseniz [MagicSlider] kısa koduyla istediğiniz alanda kullanabilirsiniz. İstersenizde benim ek olarak yaptığım kod ile single.php de ekleme ile istediğiniz alanda gösterebilirsiniz.

<?php echo do_shortcode('[MagicSlider]'); ?>

İkinci yöntem: Flex Slider for Native Gallery

Burdaki arkadaşın anlattığı yöntemle yapabilirsiniz.

FlexSlider by WooThemes yani https://www.woothemes.com/flexslider/ bununla yapın demiş ama ben bu kodları ilgili alana ekledikten sonra Flex Slider for Native Gallery eklentisini kurup aktif etmiştim biraz güncel eklenti olmasada aynı işlemi görüyordu.

Arkadaşın anlattığı yöntemle yapıyorsanız functions.php ‘ye ekleyin.

function revconcept_get_images($post_id) {
global $post;

     $thumbnail_ID = get_post_thumbnail_id();

     $images = get_children( array(‘post_parent’ => $post_id, ‘post_status’ => ‘inherit’, ‘post_type’ => ‘attachment’, ‘post_mime_type’ => ‘image’, ‘order’ => ‘ASC’, ‘orderby’ => ‘menu_order ID’) );

     if ($images) :

         foreach ($images as $attachment_id => $image) :

         if ( $image->ID != $thumbnail_ID ) :

             $img_alt = get_post_meta($attachment_id, ‘_wp_attachment_image_alt’, true); //alt
if ($img_alt == ”) : $img_alt = $image->post_title; endif;

             $big_array = image_downsize( $image->ID, ‘large’ );
$img_url = $big_array[0];

             echo ‘</p>
<li>‘;
echo ‘<img src="';
             echo $img_url;
             echo '" alt="';
             echo $img_alt;
             echo '" />‘;
echo ‘</li>
<p><!--end slide-->‘;

     endif; endforeach; endif; }

Single.php ‘ye ekleyin.

</p>
<div class="flexslider">
<ul class="slides">
        <?php revconcept_get_images("$post->ID”); ?>
    </ul>
</div>
<p><!--end flexslider-->

Benim dediğim eklentide sadece single.php ‘ye ekleyin.

<?php
	$attachments = get_attached_media( 'image', 36 );
	foreach($attachments as $attachment) {
	    $img = wp_get_attachment_image_src($attachment->ID, ‘medium’);
if($img !== false) {
?></p>
<li><img src="<?php echo $img[0]; ?>” /></li>
<p>	<?php
	    }
	}
	?>

Verdiğim son kodda div ile eklemeler ile farklı işlemde eklenti kurarak farklı çalışmalar yapılabilir.

Başka bir konuda görüşmek üzere.. 😉