[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-omekas模組item-carousel-block-條目輪播工具":3},{"id":4,"slug":5,"title":6,"description":7,"content":8,"date":9,"image":10,"imageAlt":6,"author":11,"categories":14,"path":17,"minRead":18},59,"omekas模組item-carousel-block-條目輪播工具","[OmekaS]模組Item Carousel Block – 條目輪播工具","條目輪播工具 這是一個展示方面很方便的一個小工具，2.x版本時官方還沒推出，3.x終於有官方的版本了。 下載連 […]","\u003Ch1>條目輪播工具\u003C\u002Fh1>\n\u003Cp>這是一個展示方面很方便的一個小工具，2.x版本時官方還沒推出，3.x終於有官方的版本了。\u003Cbr \u002F>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fomeka-s-modules\u002FItemCarouselBlock\">下載連結\u003C\u002Fa>\u003Cbr \u002F>\n這個工具功用在於可以在站點上以輪播形式展示條目資料，雖然也可以用item showcase配合tempele達到同樣效果，但官方自己有在這個模組上做了一些細節設定，就算不自行開發輪播也足用使用了。\u003C\u002Fp>\n\u003Cp>缺點則是這個工具還沒更新tempele化，但沒有高度課制需求倒也沒差太多。\u003C\u002Fp>\n\u003Ch2>使用方式\u003C\u002Fh2>\n\u003Cp>安裝完模組後，可以在頁面(page)中的區塊工具(block)找到Item Carousel Block。\u003Cbr \u002F>\n點選後如下。\u003Cbr \u002F>\n\u003Cimg decoding=\"async\" src=\"\u002Fapi\u002Fproxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F06%2F%E6%88%AA%E5%9C%96-2022-06-15-%E4%B8%8B%E5%8D%884.44.01.png\" alt=\"\" \u002F>\u003C\u002Fp>\n\u003Cp>加入條目後就可以直接使用了，有一些設定。\u003Cbr \u002F>\n\u003Cstrong>Carousel title\u003C\u002Fstrong>:輪播標題。\u003Cbr \u002F>\n\u003Cstrong>Items per page\u003C\u002Fstrong>:每次輪播頁面顯示的條目數量。\u003Cbr \u002F>\n\u003Cstrong>Thumbnail type\u003C\u002Fstrong>：縮圖大小形式。\u003Cbr \u002F>\n\u003Cstrong>Show attachment title\u003C\u002Fstrong>:顯示附件名稱的內容。\u003Cbr \u002F>\n\u003Cstrong>Show attachment caption\u003C\u002Fstrong>:是否顯示附件標題。\u003Cbr \u002F>\n\u003Cstrong>Overlay title\u002Fcaption\u003C\u002Fstrong>:是否覆蓋標題，勾選後，標題會覆蓋在圖片上。\u003Cbr \u002F>\n\u003Cstrong>Text align\u003C\u002Fstrong>:文字位置。\u003Cbr \u002F>\n\u003Cstrong>Stretch Image\u003C\u002Fstrong>:圖片的拉展樣式。\u003Cbr \u002F>\n\u003Cstrong>Auto slide duration\u003C\u002Fstrong>:自動輪播的時間，單位為毫秒。如果設為0則不自動輪播。\u003Cbr \u002F>\n\u003Cstrong>Infinite loop\u003C\u002Fstrong>:無限輪播。\u003Cbr \u002F>\n\u003Cstrong>Fade between slides\u003C\u002Fstrong>:輪播是否改為漸進轉場。\u003Cbr \u002F>\n\u003Cimg decoding=\"async\" src=\"\u002Fapi\u002Fproxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F06%2F%E6%88%AA%E5%9C%96-2022-06-15-%E4%B8%8B%E5%8D%884.44.23.png\" alt=\"\" \u002F>\u003C\u002Fp>\n\u003Cp>設定完後，在站點上看技能看到這個區塊區塊囉。\u003C\u002Fp>\n","2022-06-22T10:20:58","\u002Fapi\u002Fproxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F05%2FOmekaBadge.png",{"name":12,"link":13},"Chih Fan","http:\u002F\u002Fpost.billxu.net",[15],{"name":16,"slug":16},"omekas","\u002Fblog\u002Fomekas模組item-carousel-block-條目輪播工具",1]