【HABONE】テーマをバージョン1.8へ更新しました

【HABONE】テーマをバージョン1.8へ更新しました

このページの最終更新日は2022年4月16日です。情報が古い場合がありますのでご注意ください。

【HABONE】テーマをバージョン1.8へ更新しました。

以下の項目について、不具合対応および機能追加を行いました。

  1. アドセンス広告をトップページで表示しないようにするスイッチを追加
  2. Adsenseスクリプトの遅延処理の項目を移動
  3. フッターのテーマ情報の表示/非表示切替
  4. 固定ヘッダー機能の追加(β版)
  5. カスタムロゴが出力されない問題の対応
  6. 一部アーカイブページでサイトタイトルが出力されない不具合の対処
  7. 一覧ページにおける画像の遅延処理改善

ページ上部へ戻る▲

テーマの更新方法

新しいバージョンのテーマを上書きインストールすることで更新できます。

親テーマ(【habone】)へカスタマイズを行っている場合は、更新を行うことでカスタマイズ内容が消失します。
親テーマへ何等かのカスタマイズをされている方は、「Download Theme」プラグインなどを使って一旦テーマのバックアップを取り、更新後にカスタマイズ内容を復元(バックアップから該当箇所のコピーをするなど)してください。

【HABONE】では更新ごとにカスタマイズ内容の復元をしなくてもよいよう、子テーマの使用をおすすめしています

以下の手順に従って更新してください。

1.【HABONE】の最新バージョンをダウンロードします

37 ダウンロード

2.サイトの管理画面から「外観」をクリックします

3.「新規追加」をクリックします

【HABONE】テーマをバージョン1.8へ更新しました|HABONE

4.「テーマのアップロード」をクリックします

【HABONE】テーマをバージョン1.8へ更新しました|HABONE

5.「ファイルを選択」をクリックし、ダウンロードしたパソコン上の更新ファイルを選択します

【HABONE】テーマをバージョン1.8へ更新しました|HABONE

6.「今すぐインストール」をクリックします

【HABONE】テーマをバージョン1.8へ更新しました|HABONE

7.以下のような画面になるので、「アップロードしたもので現在のものを置き換える」をクリックします

【HABONE】テーマをバージョン1.8へ更新しました|HABONE

ページ上部へ戻る▲

子テーマの使用をおすすめしています

【HABONE】テーマでは子テーマの使用をおすすめしています

子テーマのダウンロードは以下から行っていただけます(インストール方法は親テーマと同じです)

【HABONE】子テーマのダウンロード

2022年11月30日をもちまして、配布を終了しました

親テーマ・子テーマとも無料でダウンロードして使用いただけますが、今後もテーマ開発や更新を続けられるよう、こちらのページで支援をお願いしています。ご協力よろしくお願いいたします。

ページ上部へ戻る▲

バージョン1.8の更新内容

アドセンス広告をトップページで表示しないようにするスイッチを追加

Google Adsense広告は広告スクリプトがあるかどうかと、Adsenseの設定で自動広告を有効にするかどうかで、自動広告を表示させるかの判断をしています。

旧バージョンまでは、テーマカスタマイザーの「アドセンスのクライアントID」に入力があった場合、トップページを含めすべてのページへ広告スクリプトが出力され、トップページを表示させた際にも自動広告が表示されて、固定ページを使って凝ったトップページを作った時に自動広告によってデザインが崩れることが多くありました。

そこで、テーマカスタマイザー上に「トップページでもAdsense広告を表示」というチェック項目を設け、チェックが入っている時のみトップページでもAdsense広告が機能するようにしました。

デフォルトでは「表示」する設定にしていますので、トップページで自動広告を表示させたくない場合はチェックを外してください。

Adsenseスクリプトの遅延処理の項目を移動

テーマカスタマイザーで「サイトの最適化」→「表示速度改善」の項目にあった、「アドセンス広告の遅延表示」の設定を、「Adsense、Analytics、追加コード」→「Googleアドセンス」へ移動し、設定しやすくしました。

フッターのテーマ情報の表示/非表示切替

フッター最下部に表示されている【HABONE】テーマの紹介文(本サイトへのリンク)の表示切替ができます。

パソコン表示時にスクロールに応じてサイトタイトルとメニューを最上部へ固定表示させるヘッダー機能を追加しました。

カスタマイザーから「表示設定」→「固定ヘッダー」で以下の項目が設定できます。

  • 固定ヘッダーを表示するかどうか
  • 文字色(デフォルトは白)
  • 背景色と背景の透過率(デフォルトは60%)
  • タイトルとメニューを横並びに表示するか(デフォルトは上下)

また、メニュー位置に「固定ヘッダーナビゲーション」を追加し、固定ヘッダー用のメニューを設定できるようにしました。

「固定ヘッダーナビゲーション」にチェックの入っているメニューがない場合、メニューは非表示になります

画面領域が狭いことから、タブレット、スマートフォンでは表示されないようにしています。

「色とデザイン」→「その他」でカスタムロゴを指定した際でもロゴが出力されず、サイトタイトルの文字列が出力されてしまう不具合を解消しました。

恐らくWordPress標準の仕様かと思いますが、カスタマイザー上でカスタムロゴ画像の削除を行った際にプレビューへ反映されないようですので、一度画面のリロードを行ってください。

一覧ページにおける画像の遅延処理改善

以下のような投稿一覧を表示させるページでの画像遅延処理について、最初のアイキャッチ画像を遅延なし、以降のアイキャッチ画像は遅延処理(lazyload)するようにしました。

これにより、モバイル表示時にファーストビューに表示される1件目の画像が遅延されないようになり、Google PageSpeed Insightsなどの評価でマイナスされてしまうのを軽減できるようになりました。

  • ブログ形式のトップページ
  • 固定ページをトップページにした際のアーカイブに指定した固定ページ
  • カテゴリー一覧やタグ一覧などのアーカイブページ
著:清水 由規, 著:清水 久美子, 著:鈴木 力哉, 著:西岡 由美, 監修:星野 邦敏, 監修:吉田 裕介
¥2,948 (2025/11/03 04:12時点 | Amazon調べ)
著:Mana
¥2,070 (2025/11/03 04:12時点 | Amazon調べ)
アバター画像

作者:

WordPress用テーマ「HABONE」の開発、プラグインやテーマの翻訳、WordPressの使い方やカスタマイズ方法などの情報を配信しています。

年齢:50代 趣味/園芸・ペット・卓球