WordPress初期設定: テーマ

WordPress でブログを始めるとき，最初に決めることの一つがテーマです．テーマは，ブログの見た目や表示のしかたをまとめた部品で，ブログの第一印象を決める大切な要素です．このページでは，WordPress テーマ Hummingbird (ハミングバード) を例に，テーマファイルの準備とインストール方法を説明します．

テーマとは

WordPress のテーマは，サイトの見た目や表示のしかたをまとめた部品です．同じ記事でも，テーマを変えるだけで，文字の大きさ，色，余白，メニューの位置，スマートフォンでの見え方などが大きく変わります．

テーマは，ブログの第一印象を決める大切な要素です．ただし，テーマは単なる「着せ替え」だけではありません．記事一覧の表示，サイドバー，メニュー，ウィジェットなど，ページの構造や機能にも関係します．そのため，見た目だけでなく，自分が書きたい内容に合っているか，管理画面から扱いやすいかも確認します．

テーマには，元になる「親テーマ」と，その親テーマを安全にカスタマイズするための「子テーマ」があります．親テーマを直接書き換えると，親テーマを更新したときに変更が消えることがあります．子テーマを使うと，親テーマを更新しても，自分で追加した設定やデザインを残しやすくなります．

Hummingbird を使う理由

WordPress のテーマは，無料のものから有料のものまで数多くあります．無料テーマは WordPress.org のテーマディレクトリ で探すことができます．無料テーマでも優れたものは多くありますが，細かな設定やデザイン調整に時間がかかることもあります．

Hummingbird は，ブログ向けに作られた OPENCAGE の有料テーマです．デザインが整っており，難しい HTML や CSS を書かなくても見栄えのよいブログを作りやすいことが特徴です．このページでは，Hummingbird をすでに持っている人が，親テーマと子テーマを WordPress にインストールする手順を説明します．

ただし，公式告知によると，Hummingbird は 2024年9月30日に販売を終了しました．また，公式サイトでは，Hummingbird はクラシックエディターベースのテーマであり，ブロックエディターを使う場合は STORK19 や STORK SE などの現行テーマを検討するよう案内されています．これから新しくテーマを選ぶ場合は，公式サイトで最新の販売状況と対応状況を確認してください．

Hummingbird を WordPress に入れるには，親テーマの zip ファイルが必要です．ここでは，購入済みのテーマファイルを確認し，インストールに使える状態にするところまでを説明します．

準備

Hummingbird は販売終了済みのため，新規購入を前提にしません．公式告知では，購入済みの人はマイページから再ダウンロードできると案内されています．手元に hummingbird.zip がある場合は，次のインストール作業に進めます．

購入済みファイルの確認

Hummingbird は新規購入できません．以下の図は，2018年当時の購入画面の記録です．購入済みの人がファイルを探すときの参考として残しますが，現在の画面や手続きとは異なる場合があります．

1. OPENCAGE の Hummingbird 公式ページを開きます．現在の販売状況と案内を確認します．[参照: 図1]
2. すでに購入している場合は，OPENCAGE の購入者向け案内に従い，テーマファイルをダウンロードします．当時はカートから購入手続きを進めていました．[参照: 図2]
3. 購入手続きでは，数量，お客様情報，支払い方法，注文内容を順に確認します．[参照: 図3，図4，図5，図6，図7]
4. 購入済みファイルをダウンロードします．保存場所を忘れないようにしてください．[参照: 図8，図9]

ダウンロードした親テーマ hummingbird.zip は解凍しません．WordPress には，zip ファイルのままインストールします．

Hummingbird (親テーマ) とその子テーマのインストール方法を示します．

Hummingbird のインストール

Hummingbird (親テーマ) をインストールするには，あらかじめ WordPress をインストールし，管理画面にログインできる状態にしておきます．

Hummingbird のインストール方法は，次のとおりです．

1. インストール済みの WordPress にログインします．
   1. WordPress をインストールしたときのサイト URL を，ブラウザーに入力します．[参照: 図10]
   2. ページ下部などにある「ログイン」をクリックします．[参照: 図11]
   3. WordPress をインストールしたときに指定したユーザー名とパスワードを入力し，管理画面にログインします．[参照: 図12]
2. Hummingbird をインストールします．
   1. ダッシュボードの 外観 > テーマ を選択します．[参照: 図13]
   2. テーマ画面で 新規追加 をクリックします．[参照: 図14]
   3. テーマのアップロード をクリックします．[参照: 図15]
   4. ファイルを選択 をクリックし，親テーマの hummingbird.zip を選択します．[参照: 図16]
   5. 今すぐインストール をクリックします．[参照: 図17]
   6. 「テーマのインストールが完了しました。」と表示されたら，親テーマのインストールは完了です．ここではまだ有効化せず，続けて子テーマをインストールします．[参照: 図18]

子テーマのインストール

次に，Hummingbird の子テーマをインストールします．子テーマを使うと，親テーマを更新しても，自分で追加したデザインや設定を残しやすくなります．必須ではありませんが，あとで外観を調整する可能性がある場合は，子テーマを使うことを勧めます．

1. 子テーマをダウンロードします．
   1. OPENCAGE の子テーマ案内ページ「子テーマのダウンロード・導入」を開きます．
   2. Hummingbird 用の子テーマファイル hummingbird_custom.zip をダウンロードし，分かりやすいフォルダーに保存します．[参照: 図19]
2. 子テーマをインストールします．
   1. インストールするブログサイトを開き，「サイト管理」または「ログイン」から管理画面に入ります．[参照: 図20]
   2. ログイン画面が表示されたら，WordPress のユーザー名とパスワードを入力します．すでにログインしている場合は，そのままダッシュボードが表示されます．
   3. ダッシュボードの 外観 > テーマ を選択します．[参照: 図21]
   4. テーマ画面で 新規追加 をクリックします．[参照: 図22]
   5. テーマのアップロード をクリックします．[参照: 図23]
   6. ファイルを選択 をクリックし，子テーマの hummingbird_custom.zip を選択します．[参照: 図24]
   7. 今すぐインストール をクリックします．[参照: 図25]
   8. 「テーマのインストールが完了しました。」と表示されたら，子テーマのインストールは完了です．[参照: 図26]
   9. 有効化 をクリックすると，Hummingbird の子テーマがブログに適用されます．[参照: 図27]
      • ライブプレビュー をクリックすると，適用前の画面を確認できます．確認後に使う場合は，改めて Hummingbird の子テーマを有効化します．

以上で，Hummingbird のインストールと適用は完了です．インストールしたサイトにアクセスすると，テーマが反映されたページが表示されます．

WordPress をインストールすると，標準テーマも一緒にインストールされます．テーマは後から変更できます．Hummingbird を使う場合は，親テーマではなく子テーマの hummingbird_custom を有効化します．

1. テーマを変更するブログサイトを開き，「サイト管理」または「ログイン」から管理画面に入ります．[参照: 図29]
2. ダッシュボードが表示されたら，外観 > テーマ を選択します．[参照: 図30]
3. 使いたいテーマの 有効化 をクリックします．[参照: 図31]

以上で，テーマの設定は完了です．

参考資料

更新履歴