WordPressサイトにスライダーを導入するため、たくさんあるスライダー系プラグインの中から選んだのがShortcodes Ultimate。全部で何十個か覚えてないくらい試してみて、ちゃんと更新されているプラグインの中で一番わかりやすく見た目もピンと来るのがこれだった。
設置が簡単で、スライダーひとつでサイトの雰囲気がパッと賑やかになるので効果大。今のところスライダー以外は必要ないけど、他にも思わず「おぉ」と思ってしまうほど機能が豊富なので、どれか使ってみたいものが一つは見つかるんじゃないかと思う。装飾機能も満載だから、なんか今一つものたりなさを感じているブログとかを華やかにしてくれそうだ。
CSSを管理画面にあるショートコードの設定でさくっと作れたり、ショートコードをphpファイルの任意の場所にペタッと貼ったりもできるので便利。
ただ…サイトを表示した時に画像が一瞬縦積みになったあと横並びになるのがかっこ悪い…のでそのうち解消しなければ。
▼Shortcodes Ultimateプラグインの【Image carousel】という機能を使用。サイズを正方形にしてキャプションなしのサンプル。ショートコードを作成する時モバイルをオン・オフしか選べない(オンにするとモバイル時の画像表示数が1個になる)ので、表示させる個数を変えたい場合はCSSでカスタマイズ。
▼デフォルトのモバイル設定では画像の表示数が1個になりドーン!という感じなので3個に変更した例。
@media (max-width: 768px) {
div.su-image-carousel-columns-5.su-image-carousel-has-spacing div.su-image- carousel-item {
width: 31.4%;
margin-right: 2.9%;
}
.su-image-carousel {
margin: 0;
}
}