bxSlider jQuery插件在Wordpress中的實現

我正在做我的第一步編碼。我在互聯網上製作了一些課程，現在我正在製作wordpress主題，以繼續從實踐中學習。bxSlider jQuery插件在Wordpress中的實現

的事情是，我要尋找一個插件，使圖像滑塊，我知道這是非常簡單的安裝WordPress插件，但我要更加努力，並安裝一個jQuery插件。

我發現bxSlider真正的功能和完整的：http://bxslider.com/。在網站上有一個教程，並在其他wordpress教程的幫助下，我想我可能會實現安裝它。

在bxSlider網站，他們說，我要創建這樣的HTML標記：

<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>

但我可以在WordPress做什麼？假設我將在裏面創建一個帶有畫廊的頁面？我想要做的是在幻燈片中轉換該畫廊。

來源

2016-07-06 Gabriel Nazoa

看看先進的自定義字段中繼器插件，然後讓每個中繼器成爲一個圖像字段，使用一個PHP循環來爲滑塊添加儘可能多的圖像，如你所願 –

謝謝我會盡力去做。你知道我在哪裏可以看到一個像這樣的PHP循環的例子嗎？ –

發表了一個答案，如果您閱讀了文檔以及如何使用ACF，您會發現以下代碼將正常工作。 –

獲取先進的自定義字段中插入和先進的自定義字段中繼器插件。

名稱你的中繼場「滑塊」。在中繼器字段中添加一個圖像字段，爲該字段指定名稱slider_image並選擇圖像類型作爲圖像url。

的代碼來顯示它會

<?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>

請務必閱讀文檔的高級自定義字段在這兒，你希望你的領域出現

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

集。例如。特定頁面，每一頁，每一篇文章，同時讓你的領域，你會發現選項。

保存現場並轉到頁或發佈您設置字段出現。然後您就可以添加儘可能多的圖片，只要你想你的滑塊

來源

2016-07-06 19:08:56

謝謝你提供這些信息山姆真的很有用。現在我發現我應該支付ACF Pro的重複功能。有沒有一種方法可以解決這類問題？我不想爲此付費，除非它完全有必要... –

我已經說了。謝謝 –

bxSlider jQuery插件在Wordpress中的實現

回答

相關問題