公式テーマ「Habakiri」をカスタマイズ(1)

出来心でHabakiriをいじってみました。Habakiri…どう見ても「腹切り」か「はばかり」です。でも、まかせて安心、WordPress公式テーマなんですよ、奥さん！

一応、なんかコーポレートサイトっぽい感じのものを作ることを目標にします。こんな感じのシロモノですね。

Habakiriのインストール（管理画面から）

HabakiriはWordPressの公式テーマです。

レンタルサーバ等にWordPressをインストールしたら、管理画面の「外観」→「新規追加」→「テーマを検索」の入力ボックスに「Habakiri」と入れて検索します。

インストールしたあと、有効化します。サイトを表示すると…？

ええと…こうじゃない感が…。コーポレートサイトっぽくするには、あちこち触らないとダメなんすね；；

ということで、カスタマイズするには、まず子テーマを作って、そちらをいじります。

Habakiriのダウンロードとインストール（Habakiriの公式サイトから）

WordPressの公式テーマから検索してインストールするのではなく、Habakiriの公式サイトからテーマをダウンロードしてインストールする方法です。（上記の段落でインストールが終わっている方は、この章は読み飛ばしてください。）

これは、WordPress公式テーマになっていないテーマをインストールするときの方法です。（WordPressには、公式テーマとして登録されていないテーマがたくさんあります）

まずはHabakiri公式サイトからダウンロード。現時点（2017/10/23）では、Version:2.5.2です。ダウンロードされるのはhabakiri.2.5.2.zipファイルです。

WordPressの管理画面から「外観」→「テーマ」→「新規追加」→「テーマのアップロード」をクリックしていくと、ZIP形式のテーマファイルをアップロードする画面が現れるので、参照ボタンをクリックして、さきほどダウンロードしたHabakriのZIPファイルを選択してアップロード・有効化します。

まあ、当たり前なんですけど、前章と同じく、サイトを表示すると、ええと…こうじゃない感が…。

ということで、カスタマイズするには、まず子テーマを作って、そちらをいじります。

子テーマの作成

ローカルのPCに「habakiri-child」フォルダを作成します。

フォルダ内に、いろいろとスタイルを上書きするための「style.css」を作成します。

/*
Theme Name: habakiri-child
Theme URI: http://2inc.org
Description: Habakiri の子テーマ
Author: Takashi Kitajima
Author URI: http://2inc.org
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

大事なのは「Theme Name: habakiri-child」(2行目)「Template: habakiri」(10行目)の２行で、他の行はなくても機能しますが、とりあえず公式さんの記述通りに…。

参考子テーマの作成方法

これを、レンタルサーバの「Habakiri」と同じ階層にFTPします。

WordPressの管理画面から、子テーマの方を有効にします。

とりあえずこれで、カスタマイズの準備は整いました。

……もうここまででババアは疲労のために青息吐息で倒れそうなので、続きはまた次回。