Habakiri の 子テーマで CSS や JS を読みこませる

子テーマのfunctions.phpのクラスでwp_enqueue_scriptsメソッドを上書きすることで、CSS や JS を読みこませることができます。Habakiri のfunctions.phpについては下記を[...]

グローバルナビゲーションのサブラベル表示

グローバルナビゲーションのメニュー名にサブラベルを表示することができます。 メニューの設定をするときに、「説明」の欄に入力した文字列がサブラベルとして表示されます。もし「説明」の入力欄がない場合は、ページ上部の「表示オプ[...]

Habakiri を日本語サイトで使うときのオススメ CSS

Habakiri は日本語サイト向けに開発されたテーマ、というわけではありませんので、そのまま日本語サイトで使用すると余白がきつめだったり、見出しのサイズが少々大きすぎたりします。そこで、僕が日本語サイトで Habaki[...]

オフキャンバスナビゲーションについて

オフキャンバスナビゲーションとは、主にタブレットやスマホでページを表示したときに使用されるナビゲーションで、下記の画像のように横からスライドして表示されます。 Habakiri のグローバルナビゲーションは、タブレットサ[...]

スライドショーの設定

スライドショーについて Habakiri のスライドショーは画像だけではなく、その上に HTML で書かれたコンテンツを載せることもできます。文字を見やすくするために、オーバーレイの色・透明度を設定することもできるように[...]

Bootstrap の便利な CSS

Habakiri は Bootstrap ベースの WordPress テーマなので、Bootstrap の CSS を使用することができます。ここでは良く使う便利な Bootstrap の CSS をご紹介します。 ボ[...]

Habakiri 固有の便利 CSS クラスについて

Habakiri には汎用的に使える固有の CSS クラスがいくつか用意されています。 .section ワンページデザイン等でセクションを区切りたいときに余白を確保するためのクラスです。 サンプルコード <div[...]

ヘッダー画像について

Habakiri はヘッダー画像機能が搭載おり、設定すると各ページのページヘッダー(.page-header)の背景に設定した画像が表示されるようになっています。 ページヘッダーが無いページ(「表示設定」をしていないブロ[...]

フィルターフック一覧

( v2.2.0 現在 ) habakiri_custom_background_defaults カスタム背景のデフォルト設定。 /** * @param array $args * @return array */ [...]

アクションフック一覧

( v2.5.1 現在 ) habakiri_before_entries 記事一覧(.entries)の前 habakiri_after_entries 記事一覧(.entries)の後 habakiri_prepen[...]

ソーシャルナビゲーションの設定

Habakiri にはヘッダーのグローバルナビゲーション、フッターのフッターナビゲーションと、Facebook や Twitter などソーシャルアカウントへのリンクを設置するためのソーシャルナビゲーションが用意されてい[...]

Habakiri の functions.php

WordPress の一般的な functions.php はフラットに関数が並ぶ形ですが、Habakiri では子テーマから各処理を上書きしやすくするために、functions.php に PHP のクラスを使用してい[...]

子テーマの作成方法

Habakiri はカスタマイズ前提のテーマであるため、子テーマを作成する機会が多いのではないかと思います。ここでは子テーマの作成方法をご説明します。 1. 子テーマ用のディレクトリを作成する まずはテーマディレクトリに[...]