ワードプレスでブートストラップカルーセルを統合する方法

Question

私は静的カルーセルを持っており、プラグインなしでそれをワードプレスに統合したい。 私の質問は、内部にすべてのカルーセル画像を持っている私の画像フォルダをwordpressに動的に追加する方法です。

<?php if(is_front_page()){ 
    $i=0; 
    query_posts('showposts=3&post_type=post'); 
?> 
<section id="main-slider" class="no-margin"> 
    <div class="carousel slide" data-ride="carousel"> 
     <ol class="carousel-indicators"> 
      <li data-target="#main-slider" data-slide-to="0" class="active"></li> 
      <li data-target="#main-slider" data-slide-to="1"></li> 
      <li data-target="#main-slider" data-slide-to="2"></li> 
     </ol> 
     <div class="carousel-inner"> 
     <?php if (have_posts()): while(have_posts()): the_post(); $i++; ?> 
      <?php 
       if(has_post_thumbnail()) 
        $url=wp_get_attachment_url(get_post_thumbnail_id()); 
      ?> 
      <?php if($i==1){?> 
      <div class="item active" style="background-image: url(<?php echo $url; ?>)"> 
      <?php }else{?> 
       <div class="item" style="background-image: url(<?php echo $url; ?>)"> 
        <?php }?> 
       <div class="container"> 
        <div class="row slide-margin"> 
         <div class="col-sm-6"> 
          <div class="carousel-content"> 
           <h1 class="animation animated-item-1"><?php the_title(); ?></h1> 
           <h2 class="animation animated-item-2">Fake text</h2> 
           <a class="btn-slide animation animated-item-3" href="<?php the_permalink(); ?>">Read More</a> 
          </div> 
         </div> 

         <div class="col-sm-6 hidden-xs animation animated-item-4"> 
          <div class="slider-img"> 
           <img src="images/slider/img1.png" class="img-responsive"> 
          </div> 
         </div> 

        </div> 
       </div> 
      </div><!--/.item--> 
      <?php endwhile; endif; ?> 
     </div><!--/.carousel-inner--> 
    </div><!--/.carousel--> 
    <a class="prev hidden-xs" href="#main-slider" data-slide="prev"> 
     <i class="fa fa-chevron-left"></i> 
    </a> 
    <a class="next hidden-xs" href="#main-slider" data-slide="next"> 
     <i class="fa fa-chevron-right"></i> 
    </a> 
</section><!--/#main-slider--> 
<?php } ?><?php wp_reset_query(); ?> 

ご存知のように、$urlには値はありません。 カルーセルに画像を動的に追加/削除するにはどうすればいいですか？

Answer 1

は、カスタムポストタイプを作成することができ、

• ダイナミックなカルーセルを作成する方法の多くがあります：https://codex.wordpress.org/Post_Types、機能の画像またはポストメタ画像をアップロードします。

• のようなオプションのフレームワークに統合：私はカスタムポストタイプを使用することを好むhttps://codex.wordpress.org/Function_Reference/add_options_page