MENU

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

ブログ トップページ

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

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

 

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

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

 

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

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

 

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

 

目次

ヘッダーを付けてみた

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

ブログ ヘッダー部分

 

用意するもの

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

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

登っちゃえば ロゴ

・背景画像

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

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

 

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

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

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

230A7714-2

 

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

これは超簡単です。

 

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

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

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

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

OPENCAGE
トップページレイアウトの設定 - OPENCAGE トップページデザインを3種類からお選びいただけます。 ベーシック 記事一覧が並ぶベーシックなデザインのトップページテンプレートです。特に設定の必要はありません。通...

 

スライダーを付けてみた

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

ブログスライダー部分

 

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

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

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

OPENCAGE
トップページレイアウトの設定 - OPENCAGE トップページデザインを3種類からお選びいただけます。 ベーシック 記事一覧が並ぶベーシックなデザインのトップページテンプレートです。特に設定の必要はありません。通...

 

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

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

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

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

 

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

 

まとめ

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

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

 

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

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

 

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

日本山岳ガイド協会認定登山ガイド ステージ Ⅱ
日本オートキャンプ協会公認オートキャンプ指導者

写真も撮れる登山ガイドとして
関東、富士山、日本アルプス、八ヶ岳の山々をガイドしています。

ブログでは登山、アウトドア等の記事の発信を通して
読者の方に”人生を120%楽しんでもらいたい”と考えています。

2児の父ですがマッターホルン(4,000mまで)、南米最高峰アコンカグア(5,000mまで)、アフリカ最高峰キリマンジャロをフルサイズ一眼レフカメラを抱えて登ったり(普段は自称イクメンです)空手もやってた多趣味な男です。

ブログはゆるいペースですが2005年から書き続けています。(当サイトは2015年から)
2017年11月からテレビ出演多数、2018年5月には10万PV突破、
2022年7月には執筆協力させて頂いた登山ガイド本が発売されました!

コメント

コメントする

目次