如何創建一個引導滑塊來展示最近的博客文章？

Question

我想爲最近的博客文章創建一個三滑塊滑塊。

我有一個Bootstrap靜態主頁和一個Wordpress博客網站，管理其餘的頁面和博客。

從長遠來看，我的計劃是在Bootstrap上建立整個網站，但現在，主頁將鏈接到網站的其餘部分。

我想爲主頁創建一個「最近的博客帖子」部分，但一直未能弄清楚如何設置我想要的滑塊。

| - 幻燈片1 - | - 幻燈片2 - | - 幻燈片3 - |

這些幻燈片應：

1. 滑動水平左至右
2. 可以點擊博客上http://www.modernanimal.co/blog
3. 員額最近三個帖子，並更新爲新的職位增加

我花了很多時間在網上研究解決方案。但是我還沒有看到任何現場實例，基於有限的知識/技能，很難知道我究竟是什麼。

我真的可以使用一個HTML代碼片段讓我開始或者可能會有幫助的教程的建議。

在此先感謝。

Answer 1

如果您不介意添加jQuery作爲依賴項，那麼貓頭鷹旋轉木馬似乎可以滿足您的需求。

它主要是在幻燈片的目的，但適用於常規內容過多，具體的例子：

https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

Answer 2

有很多方法可以做到這一點，在WordPress中有很多的插件可供選擇，或者你可以通過手動完成。

這裏是一些使用bootstrap創建「最近博客文章」滑塊的鏈接。

1. https://www.lyrathemes.com/bootstrap-carousel-tutorial/
2. https://colorlabsproject.com/blog/create-wordpress-featured-post-carousel-using-plugins-coding/
3. http://www.lanexa.net/2012/04/how-to-make-bootstrap-carousel-display-wordpress-dynamic-content/
4. https://wordpress.org/plugins/recent-posts-slider/screenshots/

我希望它幫助你。