1. TOP
  2. Meta Sliderで簡単オシャレにスティンガーをカスタマイズ

Meta Sliderで簡単オシャレにスティンガーをカスタマイズ

ワードプレス この記事は約 3 分で読めます。

素晴らしい体験価値も、
2回目は少し感動が薄れますね。

やはり2回目以降だったら、
何ら大きな違いが無いってことなんでしょう。

それはさておき今回は、
スティンガーをオシャレにカスタマイズする、
Meta Sliderというプラグインをご紹介します。


スライダーってなんぞ?

Meta Sliderは、
トップ画面にスライダーを追加できるプラグインです。

なんのこっちゃっと思いますがスライダーというのは、
任意のリンクを定期的に切り替えてくれるもの、
とでも言えばいいんでしょうか。

 

私がトレンドサイトで使っているTCD013というテンプレには、
デフォルトで設定されています。



 

赤く囲ってる部分がスライダーで、いくつかリンクを設定すると、
ちょこちょこと定期的に表示が切り替わります。

外部リンクもできるので中々使い勝手は良いですし、
滞在時間を伸ばすことにも繋がるんじゃないかと。

 

Meta Sliderのインストール方法

そんなスライダーを簡単に設定できるのが、
Meta Sliderというプラグインです。

インストールの方法は、
まずはダッシュボードの「プラグイン」→「新規追加」をクリック。

2014-05-04_222525

検索バーに「Meta Slider」と入力してエンター。

2014-11-03_140235

そして「いますぐインストール」をクリックしてください。



その後「プラグインの有効化」をクリックすれば、インストールは完了です。

2014-05-02_230418

 

Meta Sliderの設定方法

インストールが完了すると画面左にMeta Sliderの項目があるので、
そこをクリックします。

2014-11-03_140542

そして「最新のスライドショーを作成」をクリック。

2014-11-03_140549

次に「スライドの追加」をクリックし、好きな画像を追加します。

2014-11-03_140659

ひと通り画像を設定すると、こんな感じになると思います。

2014-11-03_204856

「URL」の項目にリンクを貼りたい記事を設定できますし、
新規ウィンドウで開くこともできます。

 

そして画面右で色々と設定できますが、
特に希望がなければほとんどデフォルトで良いんじゃないかと。

2014-11-03_140830

ただ「幅」だけは、「990」ぐらいがオススメです。

2014-11-22_103500

設定が終わったら「保存」をクリックしてください。

 

そして実際の設置方法ですが、
①記事単体で設置する方法
②ページ全体に設置する方法

一応2つあります。

 

ただ、①の方はそんなにいないと思うので、
②の設置方法を。

右下の「使い方」で「テンプレートに含める」を選択し、
中のコードをコピーしてください。

2014-11-03_145519

次に「外観」→「テーマ編集」をクリック。

2014-11-03_204424

そして「ヘッダー」をクリックします。



次に「gazou」という単語で検索すれば、
コードを挿入する場所がわかりやすくなります。

2014-11-22_102929

コード挿入イメージはこんな感じです。



わざと空行を多めに入れてますので、
自分のサイトと照らし合わせながら入れてみてください。
「/gazou」の少し前辺りです。

 

そうするとこんな感じになります。



スティンガーの画像のすぐ下がスライダーです。

\ SNSでシェアしよう! /

LSCの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

LSCの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

関連記事

  • 【TCD013】ワードプレスのプラグインて何?種類や設定方法は?

  • estimatedで記事を読むのにかかる所要時間を簡単表示!

  • PS Auto SitemapでSEO対策+検索性アップ!

  • All in One SEO Packの設定や活用方法を解説

  • WP Multibyte Patchの使い方や設定方法は?

  • ワードプレスのウィジェットの配置のやり方について画像付き解説