• 25-02-2020, 16:35:44
    #1
    WordPress Bootstrap Slider paylaşmak istiyorum.

    <?php
    $slides = array();
    $args = array('category_name' => 'haberler', 'nopaging'=>true, 'posts_per_page'=>5 );
    $slider_query = new WP_Query( $args );
    if ( $slider_query->have_posts() ) {
    while ( $slider_query->have_posts() ) {
    $slider_query->the_post();
    if(has_post_thumbnail()){
    $temp = array();
    $thumb_id = get_post_thumbnail_id();
    $thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full', true);
    $thumb_url = $thumb_url_array[0];
    $temp['title'] = get_the_title();
    $temp['excerpt'] = get_the_excerpt();
    $temp['image'] = $thumb_url;
    $slides[] = $temp;
    }
    }
    }
    wp_reset_postdata();
    ?>
    
    <?php if(count($slides) > 0) { ?>
    
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    
    <ol class="carousel-indicators">
    <?php for($i=0;$i<count($slides);$i++) { ?>
    <li data-target="#carousel-example-generic" data-slide-to="<?php echo $i ?>" <?php if($i==0) { ?>class="active"<?php } ?>></li>
    <?php } ?>
    </ol>
    
    <div class="carousel-inner" role="listbox">
    <?php $i=0; foreach($slides as $slide) { extract($slide); ?>
    <div class="carousel-item<?php if($i == 0) { ?> active<?php } ?>">
    <img src="<?php echo $image ?>" alt="<?php echo esc_attr($title); ?>">
    <div class="carousel-caption"><h3><?php echo $title; ?></h3><p><?php echo $excerpt; ?></p></div>
    </div>
    <?php $i++; } ?>
    </div>
    
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    
    </div>
    
    <?php } ?>
    Hangi kategorinin haberini çekmek istiyorsanız burada belirtiniz.

    $args = array('category_name' => 'haberler', 'nopaging'=>true, 'posts_per_page'=>5 );
    Diyelim ki "slide" kelimesi geçen yazılarda ki taglara göre slider yapmak istiyorsunuz o zaman

    $args = array( 'tag' => 'slide', 'nopaging'=>true, 'posts_per_page'=>5 );
    bu şekilde düzenleme yapın.

    Bir tek özel alandan eklenen resimleri slider olarak ayarlayamadım yapabilen olurda paylaşırsa sevinirim.
  • 25-02-2020, 16:42:45
    #2
    Hangi alana ekliyoruz bu kodu temada.
  • 25-02-2020, 16:45:44
    #3
    slider.php yada farketmez php dosyası oluşturun kodu içine atın slider temanın neresinde görünmesini istiyorsanız

    <?php get_template_part('slider'); ?>
    bu kodu oraya ekleyin



    Bootstrap 4 kullanıyorsanız yukarıda ki gibi ama 4 dün altında bir sürüm kullanıyorsanız küçük bir düzenleme yapmanız lazım o da şu şekilde

    <div class="carousel-item<?php if($i == 0) { ?> active<?php } ?>">
    bu kodu

    <div class="item <?php if($i == 0) { ?>active<?php } ?>">
    bu şekilde düzenleyin
  • 25-02-2020, 18:31:19
    #4
    CodeKod adlı üyeden alıntı: mesajı görüntüle
    slider.php yada farketmez php dosyası oluşturun kodu içine atın slider temanın neresinde görünmesini istiyorsanız

    <?php get_template_part('slider'); ?>
    bu kodu oraya ekleyin




    Bootstrap 4 kullanıyorsanız yukarıda ki gibi ama 4 dün altında bir sürüm kullanıyorsanız küçük bir düzenleme yapmanız lazım o da şu şekilde

    <div class="carousel-item<?php if($i == 0) { ?> active<?php } ?>">
    bu kodu

    <div class="item <?php if($i == 0) { ?>active<?php } ?>">
    bu şekilde düzenleyin
    Teşekkürler anasayfada ilk blog yazısının üstünde menünün altında çıkmasını istiyorum bu durumda kodu nereye koymam gerekir.
  • 25-02-2020, 18:41:41
    #5
    Öncelikle tema Bootstarp olmalı ve temanın yapısına göre değişir genelde index.php de <body> etiketinden sonrasına ekleyebilirsiniz.
    İşlem öncesi yedek alın ve deneye deneye de bulabilirsiniz.
  • 12-04-2022, 17:48:53
    #6
    CodeKod adlı üyeden alıntı: mesajı görüntüle
    slider.php yada farketmez php dosyası oluşturun kodu içine atın slider temanın neresinde görünmesini istiyorsanız

    <?php get_template_part('slider'); ?>
    bu kodu oraya ekleyin




    Bootstrap 4 kullanıyorsanız yukarıda ki gibi ama 4 dün altında bir sürüm kullanıyorsanız küçük bir düzenleme yapmanız lazım o da şu şekilde

    <div class="carousel-item<?php if($i == 0) { ?> active<?php } ?>">
    bu kodu

    <div class="item <?php if($i == 0) { ?>active<?php } ?>">
    bu şekilde düzenleyin

    Merhabalar öncelikle teşekkür ederim dediğiniz gibi yaptığım da aşağı da bulunan görselde ki gibi olmaktadır rica etsem nasıl düzeltebilirim bu sorunu ?

  • 12-04-2022, 19:07:45
    #7
    bekolay1 adlı üyeden alıntı: mesajı görüntüle
    Merhabalar öncelikle teşekkür ederim dediğiniz gibi yaptığım da aşağı da bulunan görselde ki gibi olmaktadır rica etsem nasıl düzeltebilirim bu sorunu ?

    Merhaba
    Görsel boyutunuzu yükseltin biraz sanırım görsel küçük
  • 13-04-2022, 11:08:34
    #8
    CodeKod adlı üyeden alıntı: mesajı görüntüle
    Merhaba
    Görsel boyutunuzu yükseltin biraz sanırım görsel küçük
    teşekkür ederim benim hatam yazmayı unutmuşum ileri geri çalışmıyor