• TOP
  • WordPress
    • まとめ
    • JavaScript
    • 記事
    • 画像/動画
    • 管理
    • アクセス/SEO対策
    • カテゴリ
    • サイドバー/ヘッダー
    • アイキャッチ
    • パスワード
    • コメント
  • プラグイン
  • CSS
  • ユーザー限定
Plus WordPress ワードプレスの基本・応用テクニックを紹介
ホーム › プラグイン › スライドショー Meteor Slides

スライドショー Meteor Slides

プラグイン名 Meteor Slides

スライドショーを複数管理することができる、レスポンシブ対応のスライドショープラグインです。

インストール手順

プラグイン > 新規追加 > Meteor Slides > プラグインを検索 > いますぐインストール > プラグインを有効化

設定

管理画面のメニューにSlidesが追加されます。

まず日本語化します。
wp-content/plugins/meteor-slides/languages/meteor-slides-ja_JA.moの_JAを消してmeteor-slides-ja.moに変更するだけです。

複数のスライドショーを作成することを前提として説明します。

スライド > スライドショー

ここで画像の入れ物の名前を作ります。カテゴリを作る時と同じ感じです。
名前を(例)スライドショーAにします。スラッグをローマ字(何でもかまいません)で入力しスライドショーを追加をクリックします。

スライド > 新規追加

スライドショーAに画像を追加していきます。
タイトル、スライドリンク、画像を設定し、スライドショーAにチェックを入れ公開、新規追加…….これを繰り返します。
+スライドショーを追加は、スライドショーB、スライドショーC、スライドショーDと入れ物を追加できます。上でやったことをここで簡単にできます。

設定

ここは大体見ればわかると思いますが、必要最低限の設定はできます。ただこのスライドショーは、レスポンシブ対応なので幅に1000pxと入力しても、スライドショーの設置場所の幅が優先されます。

ショートコード

  • 記事や固定ページに表示する場合↓のショートコードを挿入。表示したいスライドショーの"スラッグ"を記入します。

    [meteor_slideshow slideshow=”slidea”]

    ※[]を大文字で表示しているので↑のショートコードは小文字の[]に変更してください。

  • テーマ内(php)の好きな場所に挿入する場合は↓。こちらも同じく、""内に表示したいスライドショーのスラッグを記入します。

    1
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( "slidea", "" ); } ?>

スライドショーが一つの場合 (入れ物を指定しなかった場合)

  • ↓これだけでOKです。

    [meteor_slideshow]

    ※[]を大文字で表示しているので↑のショートコードは小文字の[]に変更してください。

  • テーマ内(php)の好きな場所に挿入する場合は↓(スライドショーが一つの場合 )

    1
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>

  • スライドショーの外側のマージンなどはスタイルシートの方で調整します。
    wp-content/plugins/meteor-slides/css/meteor-slides.css

レスポンシブ対応のスライドショーは他にもEasing Slider “Lite”、WP Slider Pluginなどがあります。どれもシンプルで使いやすいものを紹介しているので比較してみてください。機能面で物足りないという人は、固定幅ですが、Skitter Slideshowが高機能でおすすめです。

タグ: スライドショー
カテゴリー: プラグイン, 画像/動画

コメントを残す コメントをキャンセル

関連記事
スライドショー Easing Slider “Lite”
スライドショー Meta Slider
スライドショー WP Slider Plugin
スライドショー Skitter Slideshow
最新記事を自動でスライドショー
背景をスライドショーにする
人気記事
高機能でオシャレな実用的メニュー(HTMLテンプレート)
Webページ全体をフェードイン、フェードアウト
投稿、固定ページ内にウィジェットを挿入
記事の続きを読むを消す
コメントに画像を挿入できるようにする
最新記事を自動でスライドショー
指定したカテゴリIDのカテゴリ名のみ取得
フリーの高機能HTMLテンプレート
記事ごとに個別のCSSやJavaScriptを追加
特定のカテゴリに個別のCSSを適応させる
カテゴリ別に違うカテゴリ(テンプレート)を表示
画像や動画をポップアップし再生
Contact Form7の送信完了画面をカスタマイズ
タイトルや本文からタグを自動生成
phpMyAdminのユーザー名とパスワードの確認方法
非表示、置換テクニック
カテゴリー別に違うサイドバーを出す
CSS3のみで画面外からメニューをスライド表示
CSSやJavaScriptのハンドル名(id)を確認
管理画面の投稿一覧で投稿IDを表示する
アイキャッチ(サムネイル)を呼び出す
スライドショー Meteor Slides
カテゴリに別々のアイコンを表示
ページごとに違うヘッダーを読み込む
背景をスライドショーにする
CSS3 角を丸くする
レスポンシブなLightbox jQuery プラグイン Strip
コメントのメールアドレス入力覧を消す
記事をランダムに表示させる
スライドショー Skitter Slideshow
パスワードを間違えると一定時間ログインできないようにする
購読者にパスワードを変更させない
管理画面の投稿一覧へアイキャッチを表示
個別にJavaScriptを振り分ける
ショートコードを追加するプラグイン
Contact Form7に画像認証機能を追加
リンクの表示順を並べ替える
サイト全体のサムネイルサイズを変更
JavaScriptで画面外からメニューをスライド表示
指定した日付や時間を基準に振り分け
    メルマガ購読
  • メールマガジンではWordPressのおもしろい使い方を紹介しています。またユーザー限定ページとも連動しているので、そちらも自由に観覧できるようになります。
  • 登録フォーム
PlusWordPress
  • お問い合わせ
  • このサイトについて
Link
  • 人気ブログランキング
  • 使えるWordPressテーマ
背景変更
  • デフォルト
  • ホワイト
  • ブラック
  • グレー
  • Facebook
  • RSS Feed
  • Google Plus
© 2023 Plus WordPress