カテゴリー別アーカイブ: スライダーを設置する

1.「Site Background Slider」プラグインの設置

背景画像をスライドしたいと思うことは少ないかもしれません。しかし実際に使ってみると意外に良い感じになります。

「Site Background Slider」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Site Background Slider」を検索してインストールします。(詳細は省きます)
ダッシュボード→「外観」に「Background Slider」メニューが表示されます。
148

初期設定

ダッシュボード→「外観」に「Background Slider」の設定画面で以下の設定が出来ます。
149

  • Overlay Texture for Images:
    15種類のオーバーレイから選択できます。ひらたくいうと背景画像に重ねる模様を選択できます。
  • Overlay Texture for ImagesBackground Timer Delay in Seconds:
    画像が切り替わる秒数、ミリ秒単位で指定します。
  • Background Fade Delay in Seconds:
    画像がフェードする秒数、ミリ秒単位で指定します。わかりやすくいうとフェードとは画像が切り替わるつなぎ目の時間の指定です。
  • Background Images Location:
    スライダーに使用する画像が格納されているディレクトリを指定します。
  • Other Various Settings:
    その他の設定
    1. Resize Images・・・画像のリサイズ
    2. Show only on Home Page・・・トップページのみ表示
    3. Include jQuery library framework・・・jQuery libraryの有無
    4. Show the image overlay・・・オーバーレイ表示の有無、「Overlay Texture for Images」と関連します。
    5. Show the loading icon・・ローディング時のアイコン表示。
    6. Random (Shuffle) Images・・ランダム表示
    7. Show Press Pixels Link・・「Show Press Pixels」のリンク表示(左下に表示されます)
  • Homepage URL:
    自ホームページのURLを指定します。
スライド画像のアップロード

上記の設定画面の「Background Images Location」で設定したディレクトリ(例ではwp-includes/images)にFFFTP等で画像をアップロードします。
152

これで完了、壁紙がスライド表示されます。
151

かんぱに☆ガールズ オンラインゲーム

2.固定ページにスライダーを表示する

設定画面にショートコードが記載されていますので、それを使って固定ページに表示させます。
あらかじめスライダーを表示させたい固定ページを作成しておきましょう。

「Sliders」の設定画面を開き、手順1で作ったスライダーを選択します。
050

ショートコードをクリプボードにコピーします。
051

固定ページにショートコードを貼り付けます。
052

実際の表示は、こんな感じです。
053

かんぱに☆ガールズ オンラインゲーム

1.Smart Slider 2の設置

このプラグインを入れて初めに思ったことは英語表記で使いずらいという事です。機能自体は高機能ですので慣れてしまえば、良い物だと思います。
特徴はマージンが設定可能、レスポンシブデザイン対応でフォントサイズの変更可能な事です。
デメリットは無料版ではスライダーの種類が選べない事です。

インストール前にバックアップをお取りください

環境によってはプラグインがエラーになり、アンインストールしても元に戻らない可能性があります。
事前にバックアップをお願いします。

「Smart Slider 2」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Smart Slider 2」を検索してインストールします。(詳細は省きます)
ダッシュボードに「Sliders」メニューが表示されます。

スライダーを作成する

ダッシュボードの「Sliders」を開き、「Quick Slider」の「Start」をクリックします。
048

画面を下にスクロールすると「Add Image」がありますので、そちらでスライダーに設定する画像を追加します。
必要に応じてその他の設定項目も設定し更新しましょう。
049

かんぱに☆ガールズ オンラインゲーム

2.固定ページにスライダーを表示する

固定ページにスライダーを表示させるにはショートコードを使用します。
あらかじめスライダーを表示させたい固定ページを作成しておきましょう。

「Meta Slider」の設定画面を下までスクロールさせるとショートコードがありますのでクリップボードにコピーしましょう。
045

固定ページにショートコードを貼り付けます。
046

実際の表示は、こんな感じです。
047

かんぱに☆ガールズ オンラインゲーム

1.Meta Sliderの設置

このプラグインはお手軽かつ高機能なので良く使います。
特徴はスライドごとにURLを設定できます。サイズやエフェクトを細かく設定でき、汎用性が高いです。

インストール前にバックアップをお取りください

環境によってはプラグインがエラーになり、アンインストールしても元に戻らない可能性があります。
事前にバックアップをお願いします。

「Meta Slider」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Meta Slider」を検索してインストールします。(詳細は省きます)
ダッシュボードに「Meta Slider」メニューが表示されます。

スライダーの設定

ダッシュボードの「Meta Slider」を開くと初めに下の画面が出てきますので「最初のスライドショーの作成」をクリックします。
040

「スライドを追加」をクリックします。
041

途中省略しますがスライダーに追加したい画像をアップしましょう。
042

下の例では画像2枚でスライダーを作りました。
画像のリンク先URLやスライダーの種類、サイズなどの設定も出来ますので必要に合わせて設定しましょう。
043

「保存してプレビュー」でスライダーの動きを確認出来ます。
044

かんぱに☆ガールズ オンラインゲーム