Articles

ウェブサイトにWordPressギャラリースライダーを作成する方法

ウェブサイトやブログにWordPressギャラリースライダーを追加する方法を知りたいと思ったら、正しい場所に来ました。 このガイドでは、WordPress メディア ライブラリから画像を表示するスライダーをすばやく作成し、そのスライダーをブログの記事やページに挿入する方法を紹介します。

しかし、始める前に、WordPress ギャラリー スライダーとは何かを簡単に定義しておきましょう。

WordPress ギャラリー スライダーとは何ですか 通常、WordPress ギャラリー スライダーは、スライドショー形式で複数の画像を表示することができます。 ブログの記事やページに写真などの画像を挿入するだけでなく、スライダーを作成してコンテンツに追加し、訪問者がクリックやスワイプでスライドを移動できるようにします。

WordPress Gallery Slider Example
WordPress Gallery Slider Example

ページ上のスペースを節約できるだけでなく、訪問者にとってコンテンツを見るのが非常に便利になります。 また、画像やその他のコンテンツを思い通りに整理することも簡単にできます。 写真のコレクションや、プレゼンテーションやストーリーを訪問者に紹介する一連のスライドを作成することは、WordPress ギャラリースライダーの素晴らしい使い方です。

Smart Slider 3 - Gallery Slider Example
Smart Slider 3 – ギャラリースライダー例

さて、WordPress ギャラリースライダーとは何かを説明しましたが、広く使われている無料のプラグインがどんな種類のスライドショーを作成できるかを見ていきましょう。 そして、WordPress ウェブサイトにさらにスタイリッシュで高度な画像ギャラリー スライダーを追加するための、より強力で、同様に無料のツールを共有します。

How to Create a Basic WordPress Gallery Slider

デフォルトでは WordPress にスライダー機能はありませんが、Jetpack プラグイン(スライダー モジュール付き)は、新しい WordPress インストールに定期的に含まれています。 したがって、Jetpack を使用することは、多くの WordPress ウェブサイトの所有者にとって、画像ギャラリー スライダーを作成する標準的な方法です。

このガイドでは、他にも利用できるより強力な無料のオプションがあることがわかります。 インストールされているプラグインのリストにJetpackがない場合、このツールをウェブサイトに追加する方法については、ここで説明されています。

WordPress Gallery Slider Add Media Button
WordPress Gallery Slider Add Media Button

それから、WordPress のギャラリースライダーで使用したい画像をアップロードすることができます。 または、ギャラリースライダーで使用するために、メディアライブラリに既にある画像を選択することができます。 スライダーの画像を選択したら、新しいギャラリーを作成ボタンをクリックします。

WordPress Gallery Slider Create Gallery
WordPress ギャラリースライダー ギャラリーを作成

次に表示されるギャラリーの編集画面から、タイプ ドロップダウン メニューからスライドショーを選択することができます。 その他の設定を確認したら、「ギャラリーを挿入」ボタンをクリックします。

これで、投稿やページに画像スライダーが追加されるはずです。

WordPress Gallery Slider Jetpack Preview
WordPress Gallery Slider Jetpack Preview

さて、ほんの数ステップで、あなたのウェブサイトやブログの投稿やページで WordPress ギャラリーから選択した画像を表示する基本的なスライドショーができあがるはずです。

しかし、基本的な WordPress ギャラリー スライドショーを作成するには Jetpack スライダーで十分ですが、本当に目を引く、注目を集めるスライダーを作成したい場合は、専用のスライダー プラグインを選択する必要があります。 ありがたいことに、機能が満載でありながら、非常に使いやすい無料のオプションがあります。

Upgrade Your WordPress Gallery Sliders with Smart Slider 3

そうです、ご推察のとおり、スライドショーが提供できる可能性を最大限に引き出すためにおすすめの WordPress プラグインが当社の Smart Slider 3 プラグインなのです。 Smart Slider 3 には有料版もありますが、このプラグインの無料版は、Jetpack スライダー モジュールや他の多くの WordPress スライダー プラグインよりもはるかに強力です。

Smart Slider 3 でできること、および使いやすさをより理解していただくために、この無料のスライダー プラグインで WordPress ギャラリースライダーを作成するクイック ガイドを掲載いたします。 142,416人の購読者に加わりましょう!

Get our latest news, tutorials, guides, tips & deals delivered to your inbox.
No spam.No. 課金なし。 キュレーションされたメールだけです。

Creating a WordPress Gallery Slider with Smart Slider 3

無料版のSmart Slider 3は、WordPress公式プラグイン ディレクトリから利用できるので、WordPressサイトのダッシュボードから数クリックでインストールすることが可能です。

WordPress Gallery Slider SS3 Free
WordPress Gallery Slider SS3 Free

さて、あなたのサイトでこの無料プラグインを有効にすると、あなたのウェブサイトに、より創造的でスタイリッシュな WordPress ギャラリー スライダーを追加し始めることができます。 始めるには、適切なサイドバー メニュー リンクをクリックして、WordPress ダッシュボードのスマート スライダー セクションに移動します。

Smart Slider 3 Dashboard
Smart Slider 3 Dashboard

スマート スライダー ダッシュボードから、始めるのに役立つチュートリアルを表示したり、デモ スライダーをチェックアウトすることも可能です。 Smart Slider 3 の無料版を使用している場合でも、さまざまなプロジェクトに簡単に適用できる、スタイリッシュなスライドショー テンプレートを利用できます。

Create Gallery Slider with Smart Slider 3
Create Gallery Slider with Smart Slider 3

Smart Slider 3 はさまざまな方法で使用できますが、最も簡単な方法の一つは、画像をダッシュボードにドラッグ&ドロップすることです。 その後、あなたの WordPress ウェブサイトで使用するために、スライダーをプレビューまたは公開することができます。

しかし、ページをスクロールダウンすると、スマートスライダーのコントロールが表示されます。 コントロール パネルから、再生ボタンのスタイルを選択し、イメージ サムネイルを有効または無効にし、オプションのアニメーション設定を簡単に行うことができます。

WordPress Gallery Slider SS3 Settings
Slider Settings

単にスライダー領域にイメージをドラッグ アンド ドロップしてデフォルト設定を使用する場合でも、カスタマイズされたスライドショーを作成する場合でも、Smart Slider 3 では非常に簡単に行うことができます。

Jetpack とは異なり、Smart Slider 3 スライドショーの個々のスライドを編集し、各スライドの表示時間を定義し、スライドのサムネイル画像を変更し、さらに追加の画像を含むテキストやその他のコンテンツを含むレイヤーをスライドに追加することができます。 WordPress のギャラリースライダーにクリック可能なボタンを追加するのも、Smart Slider 3 では簡単です。