WordPressプラグイン

画像表示をパッパッパッと切り替えたい

画像表示がパッパッパッと切り替わるのを見たことがあると思います。

例えばこちら↓↓

  • BLACK chair

今回はそのやり方です。

画像の切り替えはスライダーと言うのですが、プラグインで対応可能です。

MetaSliderというプラグインを導入します。

プラグインのインストール&有効化

ではさっそく始めていきますね!

プラグイン>新規追加>キーワードに「MetaSlider」を入力>MetaSliderの「今すぐインストール」をクリック

数秒で自動的に画面が切り替わります。

「有効化」をクリック

数秒で自動的に画面が切り替わります。

MetaSliderが無事インストール&有効化できました。

試しにスライダーを作ってみましょう!

スライドショーを作成する

MetaSliderの上にマウスを置く>MetaSliderをクリック

「Create blank slider show」をクリック

 

「スライドを追加」をクリック

(オレンジの英語のメッセージは×閉じボタンを押してOKです)

画像が入っているページに飛びます。

画像を選択>(画像の)タイトルを入力>キャプション(タイトルと同じ)を入力>「Add to slideshow」をクリック

同じ要領で、画像を2~3枚追加してみてください。

「スライドの追加」>画像を選択>(画像の)タイトルを入力>「Add to slideshow」をクリック

 

何枚か追加できたら、MetaSliderのダッシュボートで次の入力をしてください。

このスライダーのタイトル(何でもOK)・幅(適当)・高さ(適当)を入力

プレビュー画面を見てみましょう。

幅や高さの修正をした方が良いときは、再度数値を入力してください。

問題なければ次に進みます。

「保存」をクリック

※いろいろ細か設定ができますが、テスト用なので最小限にしています

スライドショーを表示させる

画面を下に進めていくとコードのようなものがあります。

コードをコピーする

それを表示させたいページに貼り付けますが、ひとまず、投稿ページの新規追加で新しいページを開いてください。

(そのまま)貼り付ける

これでOKです。プレビュー画面を確認してみてください。

スライドショーが見られると思います。

 

新たなスライドショーを作りたいときは、ダッシュボート左側の「MetaSlider」から始めてください。

お疲れさまでした!

スポンサーリンク


関連記事

  1. WordPressプラグイン

    WordPressの赤い数字って何?更新の合図です

    ワードプレスを使い始めると、プラグインのとなりに出てくる赤い数字。…

  2. WordPressプラグイン

    画像サイズ自動圧縮プラグインEWWW Image Optimizerの設定方法

    こんにちは。藤江です。ワードプレスのテーマ(デザイン)にもより…

  3. WordPressプラグイン

    SiteGuard WP Pluginで不具合?ログインできないときの対処法

    こんにちは。藤江です。自分のサイトを守りたいとSiteGuar…

  4. WordPressプラグイン

    編集に便利!ページを複製できるプラグインDuplicate Postの設定

    同じフォーマットのページを複製できたら、次からの入力はラクになります。…

  5. WordPressプラグイン

    WordPressにInstagramの画像を埋め込むプラグイン Instagram Feed WD…

    ワードプレスにInstagramの画像を簡単に埋め込むために、使えるプ…

  6. WordPressプラグイン

    ワードプレスのセキュリティ対策のプラグインSiteGuard WP Pluginの設定方法

    こんにちは。藤江です。今回は、ワードプレスを守るためのプラグイ…

メルマガ


 
 

note

最近の記事

スポンサーリンク




Twitter

  1. つぶやき・仕事術

    自分のことを深く知りたいなら異なる環境に身を置くこと
  2. マインドセット・考え方の枠組み

    『7つの習慣』は起業女性に効く最強の一冊
  3. マインドセット・考え方の枠組み

    違和感は悪ではない。違和感のススメ
  4. WordPress

    【初心者向け】独自ドメインを登録する方法(ロリポップ初契約)
  5. WordPress

    センスが光る無料WordPressテーマ「UNWIND」
PAGE TOP