ブログのトップページにヘッダーとスライドショーをつける方法（ハミングバード編）

　

この記事を書いている人 - WRITER -

y-hey

ブロガー・アウトドアライフクリエイターとして 多くの人にキャンプ、登山、旅行について興味を持ってもらい ”人生を120％楽しんでもらいたい”と考えている男です。 ２児の父ですが単独で南米最高峰アコンカグアや アフリカ最高峰キリマンジャロを一眼レフカメラと共に登ったり （普段は自称イクメンです）空手もやってる多趣味な男です。 ブログは2005年から書いています。（当サイトは2015年からです） 2017年8月に月間50,000PV突破しました！ もし記事を読んで「役に立った」「面白そう」「笑えるわー」 と思われた方は、いいね、ツイート、はてぶ していただけますと更新の励みになります。 よろしくお願いします！

詳しいプロフィールはこちら

いつも当ブログを読んでいただきありがとうございます。

アウトドアライフクリエイターのy-heyです。

お気づきの方もいるかも知れませんが

当ブログのトップページのレイアウトを変更してみました。

当ブログではテーマ（デザインのテンプレートみたいなやつ）

に「ハミングバード」を使用していますので、変更も超簡単でした。

というわけで今回レイアウト変更した内容とその方法を振り返ってみます。

ヘッダーを付けてみた

ヘッダーとは↓の部分のことです。

用意するもの

・ヘッダー用画像（ロゴ画像等）

当ブログの場合だと、↓のロゴ画像をトップページに適用しています。

・背景画像

当ブログのタイトルは「登っちゃえば？」ですので

何か登るようなイメージにしたいと思い、山の写真を使うことにしました。

日本人で山と言って思い浮かぶのはやっぱり富士山でしょ！

というわけで、以前南アルプスの聖岳（ひじりだけ）に登った時の富士山の写真を切り取って採用。

南アルプス聖岳（3,013m）登頂！【南アルプス 聖岳登山10】

ハミングバードでのヘッダー適用方法

これは超簡単です。

ここで私があーだこーだ説明するより、

ハミングバードの制作会社であるOPEN CAGE様が

分かりやすい変更方法を書いてくれていますので

そちらを参照してもらうと良いかと思います。

トップページレイアウトの設定 | OPENCAGE

トップページデザインを3種類からお選びいただけます。 ベーシック 記事一覧が並ぶベーシックなデザインのトップページテンプレートです。特に設定の必要はありません。通常通り記事をアップしていけば新着順に記事が表示されるように…

OPENCAGE

スライダーを付けてみた

スライダーとは↓の部分です。

ハミングバードでのスライダー適用方法

これもOPEN CAGE様が分かりやすく書いてくれていますので

そちらを参照してもらうと良いかと思います。

トップページレイアウトの設定 | OPENCAGE

トップページデザインを3種類からお選びいただけます。 ベーシック 記事一覧が並ぶベーシックなデザインのトップページテンプレートです。特に設定の必要はありません。通常通り記事をアップしていけば新着順に記事が表示されるように…

OPENCAGE

基本的には新規タグのURL（スラッグといいます）に

「pickup」というものを設定して、スライダーに表示させたい記事にタグ付けするだけです。

読者の方に読んで欲しい記事（個人的に頑張って書いた記事やお役立ち記事）

をスライダーに表示させることができます。

このデザインはいけてますね。個人的にはお気に入りです。

まとめ

というわけで今回はワードプレスでハミングバードのテーマを使用しているブログへの

ヘッダー、スライダーの設定方法を紹介しました。

これでお気に入りのブログを作ってみると

ブログを書くのがより楽しくなってきますね♪

最後までお読み頂き本当にありがとうございました。