bxSlider Wordpressのjqueryプラグインの実装

Question

私は最初のステップをコーディングしています。私はインターネットでいくつかのコースを作ったし、今私は実践から学び続けるためにワードプレスのテーマを作っている。

重要なのは、Image Sliderを作成するプラグインを探していることです。これはWordPressプラグインをインストールするのは非常に簡単ですが、もっと努力してjqueryプラグインをインストールしたいと思っています。

本当に機能的で完全なbxSliderが見つかりました：http://bxslider.com/。サイトにチュートリアルがあり、他のワードプレスチュートリアルの助けを借りて、私はそれをインストールすることを達成するかもしれないと思います。

<ul class="bxslider"> 
    <li><img src="/images/pic1.jpg" /></li> 
    <li><img src="/images/pic2.jpg" /></li> 
    <li><img src="/images/pic3.jpg" /></li> 
    <li><img src="/images/pic4.jpg" /></li> 
</ul> 

しかし、私はワードプレスで何を行うことができます。彼らは、私は、このHTMLマークアップを作成する必要があると言うbxSliderサイトで

？私はギャラリーが内部にあるページを作成すると仮定しますか？私がしたいのは、そのギャラリーをスライドショーに変換することです。

Answer 1

高度なカスタムフィールドプラグインと詳細カスタムフィールドのリピータープラグインを取得します。

リピータフィールドに「スライダ」と名前を付けます。リピーターフィールドにイメージフィールドを追加し、このフィールドにslider_imageという名前を付け、イメージタイプをイメージURLとして選択します。

それはあなたがあなたのフィールドを表示する

https://www.advancedcustomfields.com/resources/ https://www.advancedcustomfields.com/resources/repeater/

あなたがここに高度なカスタムフィールドのドキュメントを読んで必ず設定してください

<?php $sliders=get_field("slider");?> 
<ul class="bxslider"> 
    <?php foreach($sliders as $slider):?> 
     <?php $slider=$gallery['slider_image']; ?> 
     <li> 
      <img src="<?php echo $slider['url'];?>"/> 
     </li> 
    <?php endforeach;?> 
</ul> 

だろう表示するコード。例えば。特定のページ、すべてのページ、すべての投稿をあなたのフィールドを作成しながら見つけることができます。あなたのスライダーにしたいと

あなたのフィールドを保存して、ページに移動したり、中に表示されるようにフィールドを設定して投稿してください。そうすれば、