どーも！こんにちは！淡路タマオです！
配布の時間がやってきた！
淡路タマオ
気持ちよくスムーズに流れるスライダーやで！
スムーズに継ぎ目なく流れるスライダー
実は探せばある「スムーススクロール画像スライダー」
SWELLの「リッチカラム」を駆使すればプラグインなしでも実装できますが、
画像の配置を考えたり、画像の大きさを合わせたりが、とにかく面倒です。
なので作ってしまいました。
誰でもかんたんに、設定できて、日本語UIで必要最小限の機能しか実装していませんので軽量です！
百聞は一見にしかず。これです。（しょーもない画像ですみません）
今回もGeminiを相棒にプラグインを作りました。
プロンプトはもうはっきり憶えてませんが、こんな感じ。
完成のイメージを細かく伝えるのが超重要。
参考プロンプト
流れる画像スライダーのプラグインを作ってほしい。
管理画面でやること：
- スライダーを5つまで作れるようにして、タブで切り替えたい。
- ボタン一つで、メディアライブラリから画像を「複数一括」で選べるようにして。
- 選んだ画像は、マウスでドラッグして自由に並び替えたい。
- スライダーごとに「高さ」と「流れるスピード」を数字で設定できるようにして。
表示の仕組み：
- ショートコードで表示させたい。
- 画像が途切れず、ずっと横に流れ続ける「無限ループ」にして。
- スマホのスワイプやマウスのドラッグで、手動でも動かせるようにして。
- 手動で動かした後、パッと戻らずに、その位置からまたスムーズに流れ始めてほしい。
その他：
外部ファイルは作らず、PHPファイル1枚に全部（CSSやJSも）まとめて書いて。
そんなのは面倒だ！
という方は以下からダウンロードしてインストールしてみてください。
コメント