Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!

龍市龍市

どうも!龍市です!
『2Mパートナー』へのご訪問ありがとうございます!\(^o^)/

ヘッダー画像をスライド表示できたら
ブログのオシャレ度が一気に増しますよね!


さらには、
重要な記事を目立たせることもできます。

これができるだけで
やり方によっては数十万円から数百万円の収益アップも見込めます!

ただ…、、、


トラトラ

やり方が分からん!!!(>_<)

なんて理由で諦めている人も
たくさんいると思います。(^^;)

龍市龍市

でも、もう大丈夫!

今回の記事では5分で
ヘッダー画像をスライド式にする方法を伝授します!

今回、紹介するのは
アルバトロスのテンプレートでのやり方です。

ケンイでの方法はこちら!
sinkaでのやり方はこちら!
STINGER7でのやり方はこちら!

↓↓↓ヘッダー画像をスライド表示させる方法の解説動画はコチラからどうぞ!
【Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!】

アルバトロスならプラグインなしでも?

最初、アルバトロスなら
プラグインなしでも
できるだろうと信じてました。。。

なんですが

結論から言うと
『諦めました。』


プラグインなしでも
複数のヘッダー画像をランダム表示させることはできましたが

スライド式にしようと思うと
なかなか…(^^;)

いろいろ調べまわって
膨大の時間と労力を掛けた結果
『諦める』という結論に至りました。笑

プラグインをインストール


と、いうことで
せっかく無料で使えるプラグインがあるんだし

あなたもプラグインを使ってスライド式ヘッダー画像を表示させていきましょう!

僕が使ってみての感想は

ハナハナ

全然、重くないし
細かい設定まで簡単にできて最高♪(´∀`*)

でした。笑


で、そのプラグインというのは
【Meta Slider】
です。

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!1

プラグインのインストール方法は

プラグイン→新規追加→Meta Slider で検索→インストール→有効化

でオッケーです。

Meta Sliderを設定していこう!

Meta Slider のインストールが済んだら
画像やアニメーションの設定をしていきましょう。

Meta Slider では、
ただ画像をスライド式にするだけでなく
スライドの際のアニメーションまで設定することができます。

やり方は

Meta Slider → Meta Slider → 新規スライドを作成(+マーク) → スライドを追加

すると画像の選択画面が表示されるので
あなたのヘッダー画像に表示させたい画像を選んで

→ スライダーに追加

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!3

これができたら、残りの画像も

スライドを追加 → 画像を選択 → スライダーに追加

でスライダーに加えていきましょう。


画像の設定ができたら、
スライドのアニメーションの種類や
切り替えまでの時間
切り替えスピード等を設定していきましょう。


画面右にある設定を
あなたの好みで設定していってください。


パンダパンダ

ここは、自分の好みで好き勝手イジればオッケーにゃ!

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!7

龍市龍市

最後にコレを忘れずに!

設定が済んだら、

「使い方」の中の
「テンプレートに含める」に記載された
ショートコードをコピーしておきましょう。

アルバトロスのショートコードを貼る場所

龍市龍市

ここからが重要です!


直接、ブログのプログラムをイジることになるので必ずバックアップを控えておいてください。


アルバトロスの場合、
home.phpに貼ります。


最初、

龍市龍市

ウソや〜ん
header.phpやないの〜?

と思ったんですが
home.phpで合ってました。

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!4

home.phpの詳しい場所は、

<?php get_template_part( 'parts_homeheader' ); ?>

<div id="content">

の間です。

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!5

そこにMeta Slider で作ったショートコードを
貼り付けます。


※他のテンプレートは
別の場所に貼るので
それぞれ確認してください。

⇒ケンイ
⇒sinka
⇒STINGER7

最後に、もうヘッダー画像を消す!

これで完成ではありません。

Wordpressのヘッダー画像を5分でスライド表示させる方法!プラグインMeta Sliderで簡単に!6

このままでは、上の画像のように
もともと設定してたヘッダーと
今回、設定した画像が並んで表示されてしまいます。

そこで

外観→ヘッダー画像→画像を非表示

で元々の画像は消してしまいましょう。

龍市龍市

これで完成です。(^^)

ヘッダー画像をスライド表示に!最後に

龍市龍市

いかがでしたか?(*^^*)

僕は最初、プラグインなしで
アルバトロスの純正装備で変更できるとばかり思っていたので苦戦しました。(^^;)

ただ、最初からプラグインを使うつもりでいれば5分でも設定できてしまいます。

ヘッダー画像の下に
さらに追加で表示させることもできるので
(複数表示できるので)

目立たせたい記事を
トップページの上位に表示することも可能。


ここからどのように
数十万円から数百万円の収益に繋げていくのか?

を知りたい方は
僕の無料メール講座を読んでみてください。

⇒ 龍市のメルマガを読んでみる!

Webマーケティングの全体像から
ブログの始め方の基礎まで
詳しく解説しています。

龍市龍市

それでは、最後まで読んでいただき
ありがとうございました!