wp-posts

『おすすめ記事』だけをスライダーに出したいのに、いいプラグインが見つからない………。

こんにちは。赤ペソ先生(@spinf60 )です。


ホームページ制作をしようとWordPressの勉強を独学でやってます。


ありがたいことに、仕事の依頼が入ったのですが、どうもうまくいかない。

ググりながらプラグインを入れては削除しての繰り返しです……


そんなわけで……忘れないうちにメモしておこうと言う意味でこの記事を書いています。


SPONSORED LINK


『オススメ記事』だけをスライダー表示したい!

わたしが依頼されたのは

「たくさんの記事の中から『オススメの記事だけ』をピックアップしてスライダー表示させたい」

というものでした。


つまり、こういう条件↓

  1. カスタム投稿で作成した記事のうち、オススメしたい任意の記事だけを表示。
  2. スライダースペース内に複数表示したい。
  3. 大きな画像がスライドするのではなく、サムネイル+記事タイトル。本文は不要。

risou

画像をスライド表示させるプラグインは多いんですが『サムネイル+タイトル』というのが意外と見つからなくて困った。

そんなわけで、いろいろ試した結果、いくつか候補が見つかったので結果をメモっておきます。

※見出し下のキャプチャ画像をクリックするとプラグインのページに飛びます


Smooth Slider

smooth0

参考にさせていただいたサイトはこちら

Smooth Sliderのいいところ

smooth

記事を書くスペースの下に、記事をスライダーに表示させるかどうかを選択することができるようになっています。

固定ページ、投稿、カスタム投稿。どれでも任意のページをスライダーに表示させることができる。


Smooth Sliderのイマイチなところ

スライダースペース内に1記事しか表示できない。(画像はのちほど)

これはわたしの技術力があれば解決するのかもしれない(笑)

smooth


Advanced post slider

advance0

参考にさせていただいたサイトはこちら

Advanced post sliderのいいところ

スペース内に複数記事を表示できる。(画像は最後にあります)

advance


Advanced post sliderのイマイチな所

adv_slider

投稿タイプ(固定、投稿、カスタム投稿など)を選んだら、そのタイプの記事がスライダーに表示される。任意ではない。

レスポンシブ対応になっているが、スマホ表示にした場合、右端が切れる。


本命『WP Posts Carousel』

wp-posts

参考にさせていただきましたm(_ _)m。こちらのページ を見つけることが出来て本当に良かった。

実際に並べてみたサンプル

PC表示

test

スマホ表示

test.2jpg

水色がAdvanced post sliderですが、右端が切れているんですよね。

緑の部分がWP Posts Carousel ですが、わたしが考えていたイメージにピッタリで大満足……といいたいところですが


WP Posts Carouselのイマイチなところ

先ほど画像(PC表示)でお気づきかもしれませんが、タイトル(この場合店舗名)が長すぎると改行されてどんどん下方向に伸びるて、他のものとサイズにずれが生じるのが問題

また、他の



まとめ

「やります!」と言ってしまったから、やるしか無いので頑張ります。

独学なのでいちいち調べながら作ってますけど、私としては、自分のブログを書くだけ……だったらWordPress使わない(笑)。


お仕事依頼された時、ライブドアブログなどの無料ブログか、WIXあたりで処理しようとしたんですが、WIXは記事の検索ができなかったのでWordPressを使ってます。

そんなわけできょうの備忘録はここまで。
最後までご覧いただきありがとうございます。
またどこかの備忘録で(^_^)/~




読者登録すると、ブログ更新した時にLINEでお知らせします♪


↓↓赤ペソ先生が利用しているサービスまとめ

おすすめ

SPONSORED LINK


「この記事がいいね!」と
君が言ったから
4月 27 日は
赤ペソ記念日♪

最新情報をお届けします

Twitterで赤ペソ先生をフォローしよう!