最近、アップデートが live になるのがかなり早くなっているので、とてもアップデートしやすくなって良いです。

先日バージョン 2.2.0 が live になりました。2.1.0 のときは記事を書くのを忘れていたので、2.1.0 の分もあわせて更新箇所をお知らせします。

• フッターウィジェットの登録がない場合にもフッターウィジェットエリアが表示されてしまう不具合を修正
• アクションフックhabakiri_before_site_brandingを追加
• アクションフックhabakiri_after_site_brandingを追加
• site-branding （ロゴまわり）をテンプレートパーツ化
• フィルターフックhabakiri_page_header_background_image を追加
• iOS でスライドショーの矢印の方向がおかしい不具合を修正
• スライドショーの min-height を取得する部分をリファクタリング
• .off-canvas-navが存在するときは、オフキャンバスナビゲーションの自動生成を行わないように変更
• カスタマイザーにオフキャンバスナビゲーションのスライド方向の選択を追加
• その他 CSS の調整

iOS でスライドショーの矢印の方向がおかしい不具合を修正

@ishidawebさんにフォーラムでご報告いただきました。Habakiri のスライドショーは画像を複数登録している場合、左右にスライドさせるために矢印が表示されるのですが、この矢印が iOS ではどちらも上向きになってしまうという不具合でした。@ishidawebさんには解決するためのコードも頂きました。ありがとうございます！

スライドショーの min-height を取得する部分をリファクタリング

@hinaloeくんに、スライドショーの高さを指定するロジックがおかしいとご指摘を頂きました。こちらで確認した限り動作しているので多分修正できていると思うのですがどうでしょう…？

フィルターフック habakiri_page_header_background_image

Habakiri では、WordPress のカスタムヘッダー画像を設定した場合、固定ページなどのページヘッダー部分の背景画像として指定した画像が表示されるようになっています。ただ、カスタムヘッダー画像は基本的に 1 つを指定する形なので、どのページでも共通の画像が表示されることになります。

habakiri_page_header_background_imageでは、この背景画像を変更することができるので、コールバック関数内で条件分岐させれば、このページのときはこの画像を表示して、別のページでは別の画像を表示する、ということが可能になります。

.off-canvas-nav が存在するときは、オフキャンバスナビゲーションの自動生成を行わないように変更

Habakiri のオフキャンバスナビゲーションは PC 用のグローバルナビゲーションと同じメニュー項目が自動的に表示されるようになっていますが、PC とスマホで違うメニュー項目を表示したいという場合、結構面倒なカスタマイズが必要でした。そこで、自分でテンプレート上に.off-canvas-navというクラスをもつ要素を置いた場合はその要素がオフキャンバスナビとして表示されるようにしました。

下記のようなコードを子テーマなどに設置することで実現できます。下記は「sp-global-nav」というメニューを定義してそれを使う場合の例ですが、普通に HTML をハードコードしても大丈夫です。

<nav class="off-canvas-nav global-nav nav--hide" role="navigation">
	<?php
	if ( has_nav_menu( 'sp-global-nav' ) ) {
		wp_nav_menu( array(
			'theme_location' => 'sp-global-nav',
			'depth'          => 0,
		) );
	}
	?>
<!-- end .global-nav --></nav>

ちなみに、独自メニューにしたい場合はオフキャンバスナビゲーションのデザインも変更したい場合は多いかなと思ったので、独自メニューにした場合はデザインが適用されないようにしています。もし通常のオフキャンバスナビゲーションと同じスタイルを適用したい場合は.off-canvas-nav--darkというクラスを.off-canvas-navに加えてください。

カスタマイザーにオフキャンバスナビゲーションのスライド方向の選択を追加

Habakiri のオフキャンバスナビゲーションは、通常右からスライドインするエフェクトですが、カスタマイザーで左方向からスライドインするように変更できるようにしました。この設定をしてもハンバーガーボタンの位置は変わらないので、位置を変えたい場合は子テーマ等でカスタマイズが必要です。