【スマホでワードプレス】テーマ Twenty Seventeen ヘッダー画像をオシャレに

【スマホでワードプレス】テーマ Twenty Seventeen ヘッダー画像をオシャレに



今回はワードプレスのテーマ「Twenty Seventeen」の話。
とってもオシャレなこのテーマを使っている人も少なくないのではないでしょうか?
そしてTwenty Seventeenといえば何と言ってもヘッダー。
少し邪魔と思う人もいるかもしれませんが、それでも魅力があると思います。
今回はそんなヘッダーの設定方法を紹介していきます。

ちなみに公式のデモサイトは こちら。

【追記】はじめに、現在は「LION MEDIA」を使用しています。それを踏まえた上でご覧ください。

LION MEDIAは こちら。




そもそもヘッダーとは?

「そんなの分かってるよ!」という人は飛ばしてください。

ヘッダーとはサイトの中で一番上に表示されているもののことを言います。

まあ「ヘッダー」という名前から考えればすぐわかると思います。

Twenty Seventeenでいえばこれらがヘッダーとなります。

PC表示

スマホ表示

この記事を読んでいる人の中には、このヘッダーに魅力を感じてこのテーマを選んだ人もいるかもしれません。

それでは早速設定方法を見ていきましょう。

PC向けにはオシャレに動画を

先程の上の画像を、または今この記事をPCでご覧になってる方はホーム画面を見てもらえれば分かりますが、右上に再生ボタンがあります。

そこをクリックすると、ヘッダーが動くという仕組みになっています。
(再生ボタンを押さずに動いてくれたらもっといいのに…)

でもまあ、せっかくなら動画にしておいた方がオシャレな感じがします。だから動画を設定しちゃいましょう!

まずは外観>ヘッダーの順にタップ。

あとは動画を挿入するだけ。

もはや説明が必要ないほどにシンプルですが、ここで一つアドバイス。

動画はMP4かyoutubeか選べますが、どちらも一度ずつ試してみた結果、youtubeはオススメしません。

少し変になってしまうのでMP4をオススメします。

スマホ向けには少しひと工夫

この記事をスマホで見ている方は、一度ホーム画面に行ってみてください。

そうなんです。残念ながらスマホ版では動画になりません。

しかし、ちょっとした工夫で少しオシャレにできます。

このページでもいいし、もう一度ホーム画面でもいいですが、何度かリロードしてみてください。

気づきましたか?

ヘッダーがランダムに変わっています。

動画でありませんが、さりげなくオシャレな感じが出ています。(そう思うのは僕だけじゃないはず。)

設定方法はとっても簡単。

まずはヘッダーにしたい画像アップロードします。

僕のはこんな感じ。

自分の好きな画像を好きな枚数入れたら、「アップロード済みヘッダーをランダム表示」を押します。

はい。これだけです。

Twenty Seventeenの一番とも言える存在のヘッダーを自分好みに設定できたでしょうか?

ブログカテゴリの最新記事