Uyarı! Bu yazı 24.06.2016 tarihinde yazıldı. O günden bu güne bir çok şey değişmiş ve yazı geçerliliğini yitirmiş olabilir.
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 '<li>'; echo '<img src="'; echo $img_url; echo '" alt="'; echo $img_alt; echo '" />'; echo '</li><!--end slide-->'; endif; endforeach; endif; }
<div class="flexslider"> <ul class="slides"> <?php revconcept_get_images("$post->ID"); ?> </ul> </div><!--end flexslider-->
<?php $attachments = get_attached_media( 'image', 36 ); foreach($attachments as $attachment) { $img = wp_get_attachment_image_src($attachment->ID, 'medium'); if($img !== false) { ?> <li><img src="<?php echo $img[0]; ?>" /></li> <?php } } ?>
Etiketler