Caner Dio

WordPress & Sanayi İşleri & Web Master

Caner'in blogunda, WordPress ipuçları, web tasarımı rehberleri ve sanayi işleri hakkında yazılar bulabilir, dijital çözümlerle işinizi geliştirebilirsiniz.

SİNCE 2006

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

  • 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. uploud-post Ü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('&#91;MagicSlider&#93;'); ?>

    İ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; }
    Single.php 'ye ekleyin.
    <div class="flexslider"> <ul class="slides"> <?php revconcept_get_images("$post->ID"); ?> </ul> </div><!--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) { ?> <li><img src="<?php echo $img&#91;0&#93;; ?>" /></li> <?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.. 😉

    Etiketler
  • Yorumlar

    Yorum Yapın

    E-posta adresiniz yayınlanmayacak.Gerekli alanlar * ile işaretlenmişlerdir

Anonim
Hakkında

Merhaba, ben Caner. Wordpress, web tasarımı, satış pazarlama, mimari tasarım, 3ds max, autocad ve sanayi sektörlerinde yeterli tecrübeye sahip ve derinlemesine bilgi sahibiyim. Yıllardır yaratıcı projeler üzerinde çalışarak, teknolojiyi iş dünyasına entegre etmeyi seviyorum. bycaner.com üzerinden WordPress ipuçları, web tasarımı rehberleri ve sanayi sektörüyle ilgili değerli bilgiler paylaşarak, dijital dünyadaki yolculuğunuzu kolaylaştırmayı hedefliyorum. Her gün daha verimli ve yaratıcı çözümler üreterek, işinizi büyütmenize yardımcı oluyorum.

215 defa görüntülendi.
24 Haziran 2016 tarihinde eklendi.
KATEGORİLER
Admin Gravatar