WordPress用コンテンツスライダープラグイン紹介

Last Updated:2023年07月17日| | コメントを残す

WordPressは、コンテンツのスライドを実装することができ、さまざまなプラグインがあります。 この記事では、jQueryのコンテンツスライダーのbxSliderと無料コンテンツスライダープラグインEasy Content Sliderは、プレミアムタッチコンテンツスライダープラグインRoyalSliderとMaster Sliderについて簡単に説明します。

反応型jQueryのコンテンツスライダーbxSlider

bxSlider

jQueryを少し知っていればbxSliderなどを利用して、必要に応じて、コンテンツのスライドを作成することができます。 bxSliderの WordPress プラグインのバージョンである BxSlider WPもあるが、更新されたか古くなって、最新の WordPressで正常に動作していないようです。

しかし、心配しないでください。 bxSliderサイトに実装する方法が詳しく説明されており、様々なサンプルスクリプトに提供されています。 (いくつかのサイトであることを覚えていないが、以前にこのスライダを使用して、素敵なスライダーを作ったものを見たことがあります。)

このページで、目的のサンプルを探して WordPressに適用を試みることができます。

Easy Content Slider

Easy-Content-Slider

Easy Content Sliderはサムネイルナビゲーションを提供する反応型コンテンツスライダープラグインです。 このプラグインを使用して、簡単にカテゴリにインタラクティブなコンテンツスライダーを WordPress サイトに追加することができます。

スライダーを追加するには、次のような形式のショートコードを追加します。

[easy_slider category_id=1 limit=3 listPosition=left intervalDuration=2000 displayControls=true adaptiveDuration=200 transitionDuration=500]

ショートコードを見ると、自分自身で簡単に理解できる形式になっていますね。 特定のカテゴリだけを表示することができる限界があるが、無料である点を勘案すると、この程度なら素晴らしいことです。

Easy-Content-Slider-Example

上記のように実装が可能です。 サイドバーの位置を左あるいは右に配置することができます。

RoyalSlider - Touch Content Slider for WordPress (WordPressタッチコンテンツスライダー)

RoyalSlider

ロイヤルスライダータッチスワイプナビゲーション機能を備えた反応型の画像ギャラリーとHTMLコンテンツスライダープラグインです。 このプラグインは、モバイルフレンドリーで画像、ビデオ、またはHTMLコンテンツに完全にカスタマイズ可能なスライドショーやCSS3バナーローテータ(Rotator)を作成することができます。 また、Flickr、500px、Instagramまたはすべてのポストタイプの特徴文(例:WooCommerce商品)のデータを動的に埋めていくこともできます。 フォトギャラリーの場合縦と横のサムネイルを使用することができ、遅延ロード(Lazy-loading)またはフルスクリーンを使用することができます。 キャラ設定(Carousel:回転スライド)もYouTubeやVimeoのビデオをサポートするため、これを利用して、ビデオギャラリーを作成することができつなぎます。

無料のプラグインに満足していない場合 ロイヤルスライダーのようなプラグインを考慮してみることができるようになります。 このプラグインは、ユーザーの評価が4.65(5.0満点)で比較的高い方の販売量も26,000個以上で、コンテンツスライダーとして最多販売量を記録しています。

Master Slider - WordPress Responsive Touch Slider(WordPress 反応型タッチスライダー)

Master-Slider ---WordPress-Responsive-Touch-Slider

マスタースライダーは WordPressのための高品質の画像やコンテンツスライダーとして非常に柔らかいハードウェアアクセラレーショントランジション(移行)を示します。 このプラグインは、この時までに経験したことのない、純粋にスワイプ動作でタッチ移動することができる機能をサポートします。 Master Sliderはまた、偉大な LayerSliderとしてHTMLコンテンツ(テキスト、画像など)をレイヤーに追加することができる機能を提供します。 ほぼすべてのものをMasterスライダーに追加することができます。

このプラグインは、IE8からサポートしてい WooCommerce(WooCommerce)など対応します。 そして、ユーザー評価も4.71(5.0満点)で良い方の販売量もかなり多いです。 マスタースライダーはベストセラーのプラグインとしても名を連ねているほど人気が​​高いプラグインです。

もっと詳しく Master Sliderプラグインのページを参考にしてみてください。

アップデート: Master Sliderは、いくつかのポストスライダー(Post Slider)テンプレートを提供しています。

ポストスライダーテンプレート

Swift Box - WordPress コンテンツスライダー&ビューア

Swift Boxは WordPress カテゴリーなどのコンテンツだけでなく、YouTubeチャンネルなど、さまざまなソースからコンテンツを取得し、独自の方法で表示します。

  • WordPress カテゴリーまたはカスタムポストタイプ(associated to a taxonomy)
  • RSS피드
  • Facebook ページ
  • Twitter プロファイル
  • YouTubeチャンネルまたは再生リスト
  • Pinterestボード
  • Google+の
  • Soundcloud
  • TumblrFetchコンテンツ

私はこのプラグインを長い時間前に購入して、一時的に使用したことがあります。 今日(2019年10月12日)チェックしてみると、まだ活発に更新されているようです。 詳細については、 Swift Boxプラグインのページを参照してみてください。

最後に、

WordPressの強みでテーマとプラグインを介して、レイアウトと機能を拡張することができる拡張性が挙げられるでしょう。 WordPressには利用可能なさまざまなスライダプラグインがあります。 この記事では、「コンテンツスライダー」に焦点を当てました。

一般スライダープラグインでは、シンプルな Metaslider, マスタースライダー などがあり、有料、スライダープラグインでは、有名な 革命スライダー層のスライダー などがあります。

スライダーの効果を追加すると、サイトをよりダイナミックに作成できますが、一方で速度が低下することがありますので、このような点を適切に勘案して、サイトに適したプラグインを選択するといいようです。


コメントを残す

コメント