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

ブログ トップページ
スポンサーリンク

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

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

 

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

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

 

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

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

 

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

 

ヘッダーを付けてみた

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

ブログ ヘッダー部分

 

用意するもの

・ヘッダー用画像(ロゴ画像等)

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

登っちゃえば ロゴ

・背景画像

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

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

 

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

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

南アルプス聖岳(3,013m)登頂!【南アルプス 聖岳登山10】

230A7714-2

 

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

これは超簡単です。

 

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

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

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

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

トップページレイアウトの設定 | OPENCAGE
トップページデザインを3種類からお選びいただけます。 もくじベーシックスライダー付き記事一覧スライダーの設定方法ヘッダー付きのリッチなトップページヘッダーイメージの設定方法 ベーシック 記事一覧が並ぶベーシックなデザイン…

 

スライダーを付けてみた

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

ブログスライダー部分

 

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

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

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

トップページレイアウトの設定 | OPENCAGE
トップページデザインを3種類からお選びいただけます。 もくじベーシックスライダー付き記事一覧スライダーの設定方法ヘッダー付きのリッチなトップページヘッダーイメージの設定方法 ベーシック 記事一覧が並ぶベーシックなデザイン…

 

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

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

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

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

 

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

 

まとめ

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

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

 

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

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

 

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


スポンサーリンク
  

ブログ トップページ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

y-hey

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