Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider

説明

MetaSlider を使えば、強力で SEO に最適化されたスライダー、スライドショー、カルーセル、ギャラリーを数分で作成できます。MetaSlider は世界 No.1 のレスポンシブ WordPress スライダープラグインです。画像や写真のスライダーには MetaSlider が最適な選択肢です。MetaSlider Slideshow Proでは、動画 (YouTube、Vimeo、TikTok、ローカル、外部)、レイヤースライド、WooCommerce 商品、カスタム HTML、単一投稿、投稿 Feed スライダーなどにも対応します !

Introducing MetaSlider Slideshow

WordPress で最も人気のスライダープラグインである MetaSlider と MetaSlider Slideshow Proを使えば、ブログやサイトを強化するのはこれ以上ないほど簡単です ! WordPress のメディアライブラリから画像、写真、動画などを選び、ドラッグアンドドロップで配置するだけです。あとはスライドのキャプション、リンク、SEO フィールドなどを設定できます。

MetaSlider のスライドショー、カルーセル、スライダー、ギャラリーは、WordPress のブロックエディター (Gutenberg) に対応しています。さらに、Elementor や Beaver Builder から Visual Composer や Divi まで、すべてのページビルダープラグインでも利用できます。

MetaSlider Slideshow Pro のご紹介

さらに細かくカスタマイズしたい場合は、MetaSlider Slideshow Proがより強力な機能を提供します。

• YouTube、Vimeo、TikTok の動画スライド: レスポンシブで高解像度の YouTube、Vimeo、TikTok の動画を、スライドショーに簡単に組み込めます。
• ローカル動画スライド: WordPress のメディアライブラリにある動画で、美しいスライドショーを作成できます。
• Layer slides: Create CSS3 animated HTML Layer slides using the built-in drag-and-drop WYSIWYG editor.
• 投稿 Feed スライド: 最新のブログ投稿、イベント、WooCommerce 商品をスライドショーに自動的に表示します。
• External URL slides: Display images directly from non-WordPress sources such as CDNs or image hosts.
• 外部動画スライド: ほぼあらゆる外部サービスの動画でスライドショーを作成できます。
• スタイリッシュなプレミアムテーマ: MetaSlider Slideshow Pro は、スライドショー用のスタイリッシュで特別なテーマを提供します。
• スライドのスケジュールと表示制御: Pro をご利用の方は、特定の日付、時刻、曜日の範囲内にだけスライダーを表示するようスケジュールできます。
• カスタムテーマ – 独自のテーマを作成: MetaSlider には、魅力的な無料のスライダーテーマが用意されています。MetaSlider Slideshow Pro なら、独自のテーマを作成することもできます。
• サムネイルナビゲーション: カスタマイズ可能なサムネイルナビゲーションとフィルムストリップナビゲーションで、スライドショーにギャラリーらしさを加えられます。
• Image Folder slides: Build a slideshow from a folder in your Media Library. Choose every image in a folder under /wp-content/uploads/, or only the images uploaded between two dates.
• Ken Burns effect: Add a slow pan and zoom to still images, the animated transition named after the documentary maker, so a photo slideshow has motion in it.
• Repeating slides: Repeat a slide through the slideshow rather than adding it several times by hand.
• Custom slide delay: Set how long an individual slide stays on screen, instead of every slide sharing the slideshow’s timing.
• プレミアムサポート: プロのサポートチームに素早くアクセスできます。

画像スライダー

画像スライドは、どんなサイトでも強い印象を与えます ! 美しい画像を、目を引くスライダー、スライドショー、カルーセル、ギャラリーで見せましょう。画像スライドは MetaSlider に含まれる基本のスライドタイプです。画像スライドは、キャプション付きで画像を表示します。任意で、選んだ URL へスライドをリンクさせることもできます。

WordPress のメディアライブラリから直接スライドショーに画像を追加し、好きなキャプションを付け、SEO フィールドを設定し、設定を調整して、思いどおりに画像スライドショーを表示できます。MetaSlider Slideshow Proならさらに一歩進めて、テーマエディターでナビゲーション、矢印、キャプションの見た目を変更できます。

YouTube、Vimeo、TikTok の動画スライダー

MetaSlider Slideshow Proを使うと、レスポンシブで高解像度の YouTube、Vimeo、TikTok の動画を、スライダー、スライドショー、カルーセルに簡単に組み込めます。動画スライドは、Vimeo や YouTube から直接スライドショーに動画を表示します。ユーザーが次のスライドへ進むと、動画は自動的に一時停止します。

動画の URL を YouTube スライド、Vimeo スライド、TikTok スライドに追加するだけで、MetaSlider がスライダー、スライドショー、カルーセルに動画を追加します。お気に入りの動画だけでスライドショーを作成することも、他の種類のスライドと組み合わせて思いどおりの仕上がりにすることもできます。

ローカル動画と外部動画のスライダー

外部動画スライドとローカル動画スライドは MetaSlider Slideshow Proに含まれています。ローカル動画スライドを使うと、WordPress のメディアライブラリにある動画で美しいスライドショーを作成できます。外部動画スライドを使うと、WordPress サイトの外部でホストされている動画でスライドショーを作成できます。

外部動画スライドとローカル動画スライドはどちらも、MP4、WebM、MOV の動画を表示でき、カバー画像、自動再生、ミュート、遅延読み込み、コントロールの非表示など、多くの機能を利用できます。

MetaSlider Slideshow Proで作成した外部動画スライドと内部動画スライドのどちらにも、動画キャプションを追加できます。この機能は VTT ファイルを使ってキャプションを追加します。ツールバーには「CC」ボタンがあり、閲覧者がキャプションを操作できます。

投稿 Feed スライダー

MetaSlider Slideshow Proを使うと、投稿 Feed スライドを作成して、最新のコンテンツ、ブログ投稿、イベント、WooCommerce 商品をスライダー、スライドショー、カルーセルに自動的に表示できます。MetaSlider の投稿 Feed スライドは、WordPress の投稿をもとにスライドを動的に取り込み、アイキャッチ画像をスライドとして使用します。「コンテンツスライダー」「フィーチャードスライダー」「投稿スライダー」「ダイナミックスライダー」と呼ばれることもあります。

投稿 Feed スライドの設定では、表示する投稿タイプ、表示する並び順、特定のタグやカテゴリーへの絞り込みを指定できます。キャプションのテンプレートは、{title}、{excerpt}、{author}、{date} などのテンプレートタグを選んでカスタマイズできます。他のすべてのスライドタイプと同じく、投稿 Feed スライドも他のスライドタイプと組み合わせて表示できます。

投稿 Feed スライドは1件ずつ投稿を表示することもできますが、上記のようにカルーセルモードで使うと特に効果的で、最新の投稿を小さなスペースにたくさん並べて見せられます。

アニメーション付きレイヤースライダー

With MetaSlider Slideshow Pro you can create animated Layer Slides for your slider, slideshow, or carousel. You can use the built-in drag-and-drop editor to create CSS3 animated HTML Layer slides. MetaSlider Layer Slides are ideal for easily creating eye-catching slider presentations and slideshows that use stunning effects with 50 animation options and a beautiful, easy-to-use interface. Layers can include text, html, images, photos, videos and even shortcodes! Layer Slide users also benefit from additional optimization and customization options, including using a video as the slide background and adjusting the padding and background color of each layer.

外部画像スライダー

MetaSlider Slideshow Proでは外部 URL スライドを作成でき、CDN や画像ホストなど WordPress 以外のソースから、スライダー、スライドショー、カルーセル用の画像を直接読み込めます。

MetaSlider のその他の優れた機能

速度に最適化

MetaSlider は高速です。スライダー、スライドショー、カルーセル、ギャラリーを動かすために必要な最小限の JavaScript と CSS だけがページに読み込まれます。無料版と Pro の MetaSlider プラグインはどちらも最適化されているため、画像、写真、動画 (YouTube と Vimeo)、レイヤー、商品、投稿 Feed が素早く読み込まれ、サイト訪問者の体験を損ないません。

Unsplash との統合

MetaSlider は Unsplash と統合されており、Unsplash.com 経由で無料の画像や写真をスライダー、スライドショー、カルーセル、ギャラリーに利用できます。魅力的なスライダー、スライドショー、カルーセル、ギャラリーを作るうえで最も難しいのは、ぴったりの画像や写真を見つけることです。MetaSlider なら WordPress のプラグイン画面から離れることなく、この作業を簡単に進められます。

アクセシブルなスライドショー

MetaSlider チームは、スクリーンリーダーを使う方や障害のある方がプラグインを利用できるよう、全力で取り組んでいます。アクセシビリティのサポートを改善できる点にお気づきの際は、お気軽にご連絡ください。アクセシブルなスライドショー機能をすべて見る。

レスポンシブで SEO に最適化

MetaSlider は、スライダー、スライドショー、カルーセル、ギャラリーを数秒で作成できる、レスポンシブで SEO に最適化された WordPress プラグインです。

MetaSlider のレスポンシブなスライダー、スライドショー、カルーセル、ギャラリーは、デスクトップ、モバイル、タブレットなど、表示するデバイスの幅に合わせて調整されます。無料版でも Pro でも、使用するコンテンツの種類に関係なくレスポンシブに表示されます。画像、写真、動画、レイヤー、商品、投稿は驚くほど素早く読み込まれます。

MetaSlider の SEO タブでは、スライドの画像タイトルと代替テキストを設定できます。タイトルテキストはスライドについての補足情報を示し、代替テキストは画像そのものを説明するために使います。このデータによって検索エンジンがスライドを「読む」ことができ、検索順位の向上に役立ちます !

強力な編集オプション

MetaSlider のシンプルなドラッグアンドドロップ機能に加えて、WordPress 用のスライダー、スライドショー、ギャラリー、カルーセルプラグインである MetaSlider は、強力な機能を数多く備えています。美しい写真で訪問者に第一印象を残したいサイト運営者にも、クライアント向けにサイトを制作している方にも、MetaSlider なら理想どおりにカスタマイズした体験を作り上げられます。

• 全幅のスライダーとギャラリーに対応 MetaSlider はサイトのデザインに合わせて表示され、選んだどの WordPress テーマとも互換性があります。
• インテリジェントな画像の切り抜き: 独自のスマート切り抜き機能により、スライドが完璧なサイズに調整されます。手間は一切かかりません。
• Smart Pad: 切り抜きを無効にすると、Smart Pad が縦長画像に自動で余白を追加します。縦長と横長の画像を混在させても、スライドショーの高さを一定に保てます。
• ドラッグアンドドロップエディター: ドラッグアンドドロップによるスライドの並べ替え、インテリジェントな画像の切り抜き、切り抜きの位置の設定に対応しています。
• スライダーの設定: トランジション効果、速度、タイミングなど、多くの項目をカスタマイズできます !
• ライブテーマエディター: MetaSlider Slideshow Proを使うと、テーマを無制限に作成し、その場でプレビューできます。
• サムネイルナビゲーション (Pro): MetaSlider Slideshow Proでは、スライダーとスライドショーのナビゲーションに2種類の新しいタイプが追加されます:
  • 「サムネイル」は、スライドショーの下に固定のサムネイル列を表示します。
  • 「フィルムストリップ」は、スライドショーの下にカルーセル形式のサムネイル列 (左右のナビゲーション付き) を表示します。スライドが多い場合に最適です !

スライダーテーマ

MetaSlider Slideshow Proでは、MetaSlider のテーマエディターを利用できます。MetaSlider Slideshow Pro には、スライダー、スライドショー、カルーセル向けの、プロが手がけたレスポンシブなスライドショーテーマが多数無料で含まれています。これらのテーマを使えば、プロがデザインした美しく効果的なスライダー、スライドショー、カルーセルを手間なく作成できます。

MetaSlider のテーマエディターでは、独自のスライダー、スライドショー、カルーセルのテーマを作成し、MetaSlider をインストールしたすべてのサイトで利用できます。これらのテーマを使えば、画像、写真、動画 (YouTube と Vimeo)、レイヤー、商品、投稿 Feed のスライドなど、あらゆるコンテンツを最適な形で表示できます。

スライダーのインポートとエクスポート

MetaSlider のインポートとエクスポートの機能を使うと、完璧にデザインしたスライダーを自分のサイト間やクライアントのサイト間で移動できます。サイトごとに設定をやり直す必要はありません。MetaSlider ならワンクリックでスライダー、スライドショー、カルーセルをエクスポートし、別の WordPress 環境へ同じくらい簡単にインポートできます。

Gutenberg ブロックエディターに対応

MetaSlider は、専用の Gutenberg ブロックを使って、新しい WordPress のブロックエディター Gutenberg とシームレスに動作するよう設計されています。Gutenberg ブロック、ショートコード、ウィジェットのいずれを使っても MetaSlider を WordPress サイトに埋め込めるので、最大限の柔軟性が得られます。

翻訳に対応し完全にローカライズ可能

MetaSlider は、WPML、PolyLang、qTranslate をはじめとする人気の WordPress 翻訳プラグインに対応しています。世界中の読者に向けて、スライダー、スライドショー、カルーセル、ギャラリーを完全にローカライズできます。MetaSlider のローカライズは、スライダーに含めたあらゆるコンテンツに対応します。

スライダーのライトボックス対応

MetaSlider offers responsive image and photo lightbox support with the MetaSlider Gallery plugin, allowing slides to be opened in a lightbox.

スライダーのプラグイン統合

MetaSlider Slideshow Pro は、WooCommerce、The Events Calendar、Advanced Custom Fields、WPML をはじめとする、他の人気 WordPress プラグインと統合されています。これにより、最も魅力的なコンテンツをスライダー、スライドショー、カルーセル、ギャラリーでシームレスに読者へ届けられます。

人気のイベント管理プラグイン「The Events Calendar」を、MetaSlider の新しい投稿 Feed スライドと組み合わせて使えます。MetaSlider は The Events Calendar プラグインが有効化されているかを検出し、イベント日での並べ替えを可能にします。これにより、今後のイベントをスライダー、スライドショー、カルーセルで紹介できます。

MetaSlider なら WooCommerce のスライダーも簡単です。選んだ商品をスタイリッシュな WooCommerce スライドショーで表示できます。

カルーセルスライダー

従来のスライダーやスライドショーの作成に加えて、MetaSlider では複数の画像を同時に表示できるカルーセルも作成できます。MetaSlider のカルーセルは、画像、写真、動画 (YouTube、Vimeo、ローカル)、レイヤー、WooCommerce 商品、投稿 Feed のスライドなど、無料版と Pro のすべてのスライドタイプに対応しています。最新の投稿を一覧で見せたいときや、ホームページの「おすすめ商品」スライダーとして使うのに最適です。

あらゆる種類のコンテンツスライダーに対応

MetaSlider は、画像や写真のスライダー、スライドショー、カルーセル、ギャラリーを制限なくサポートし、キャプション、リンク、タイトルテキスト、代替テキストにも対応しています。MetaSlider Slideshow Proアドオンを使うと、動画 (YouTube / Vimeo)、レイヤー、商品、投稿 Feed のコンテンツもスライダー、スライドショー、カルーセルに追加できます。

MetaSlider Slideshow Pro のスライドタイプは、スライダー、スライドショー、カルーセルで自由に組み合わせられます。たとえば、画像スライド、投稿 Feed スライド (複数の投稿を含められます)、動画スライドを1つのスライダーにまとめられます。作成方法は通常どおりで、スライドを追加するたびに該当するスライドタイプを選ぶだけです。

新しい写真ギャラリー体験

MetaSlider に、画像と写真に対応した新しいギャラリー体験が加わりました。簡単なドラッグアンドドロップの写真ギャラリービルダーを使えば、MetaSlider のスライダー、スライドショー、カルーセルですでに使っているものと同じ WordPress のメディアギャラリーの画像で、レスポンシブで最適化された写真ギャラリーを数秒で作成できます。MetaSlider と同じように、シンプルなショートコードで MetaSlider の写真ギャラリーを任意のページに追加できます。

写真ギャラリーは次の方針に沿って開発しています:

• 高速 – 最新のベストプラクティスを採用しているため、レスポンシブな写真ギャラリーはこれまで以上に高速です。
• SEO 重視 – 検索エンジンに好まれる写真ギャラリーになります。
• WCAG に完全準拠 – すべてのユーザーがレスポンシブな写真ギャラリーを楽しめます。

写真ギャラリーを作成し、WordPress のメディアライブラリから画像をギャラリーへ追加できます。画像や写真をギャラリーにドラッグアンドドロップし、簡単に並べ替え、画像や写真に代替テキスト (alt 属性) を追加すれば、SEO に配慮したギャラリーになります。レスポンシブな写真ギャラリーを WordPress のページや投稿でぴったり表示できるよう、MetaSlider のギャラリーでは画像や写真の幅、最大幅、最小幅、間隔を変更できます。

MetaSlider の写真ギャラリーには、集中して編集できる全画面モードもあります。近日中に、写真ギャラリーへダークモードと背景色の選択機能を追加する予定です。

レスポンシブな MetaSlider の写真ギャラリーをページに追加するには、ギャラリーエディターで「ページに追加」ボタンをクリックするだけです。WordPress のショートコードが生成され、任意のページや投稿に貼り付けられます。

The MetaSlider photo gallery is in development, and we …