Yamamoto's Laboratory
初期設定
  テーマ
設定
記事
インターネット WordPress 初期設定: テーマ

WordPress初期設定: テーマ

ブログの見た目は,テーマで大きく変わります.有料ですが,だれでもが簡単に使うことができるテーマ「Hummingbird」(ハミングバード)について説明します.

目次


はじめに

テーマとは

WordPress の公式オンラインマニュアルの「テーマの使い方に」に

簡単に言えば、WordPressのテーマシステムとはブログの「着せ替え」をするということです。ですが、ただの「着せ替え」以上のものを持っています。着せ替えというと、ただデザインが変わるというだけになってしまいます。WordPressのテーマは見た目の調整だけでなく、表示する内容も操ることが出来るのです。

と書かれています.ようするに,テーマはブログの見た目を決めるものということです.それ以上のこともできますが,この見た目を決めるということがもっと重要な役目です.同じ記事でも,テーマで,印象が変わります.自分のブログサイトの第一印象はテーマで決まりますので重要です.

WordPress のテーマには,二つのテーマ (親テーマ, 子テーマ) があります.子テーマは,親テーマを修飾 (カスタマイズ) するときに使います.親テーマで表示されるブログの外観が気に入らない場合,例えばタイトルの色とを変奥したい場合に,子テーマでタイトルの色を変更することができます.こうすることで,親テーマがバージョンアップされた場合でも,子テーマでの変更は残ります.ようするに,親テーマをバージョンアップしても,自分専用の設定は残るということです.

Hummingbird を使う理由

テーマ (親テーマ) は無料なものから有料なものまで数多くあります.例えば,WrodPress.org 日本語の Theme Directory に,無料のテーマがたくさん紹介されています.無料のテーマであっても,自由にカスタマイズでき,デザインの優れたものも少なくありません.しかし,設定が面倒な場合が多いです.

そこで,私は有料ですが設定が簡単な Hummingbird を使うことにしました.これに決めた理由は単純です.デザインが良くて,ユーザーが多い(と思われる)からです.また,ネットでの評判もまずまずです.

購入とダウンロード

Hummingbird を使うための最初の設定を示します.ここでは,購入方法からインストール方法までを説明します.

準備

購入手続きを進める前に,支払い方法を決めておきます.支払いは,「クレジットカード」あるいは「PayPal決済」になります.前者の方が簡単でしょう.

購入手続きとダウンロード

Hummingbird は有料です.それを購入し,ダウンロードする手順は以下のとおりです.

  1. Hummingbird を販売しているOPENCAGEのトップページ ブログ向けWordPressテーマ「OPENCAGE」 に行きます.
  2. そして,テーマ一覧 > ハミングバード を選択します(図1).すると,WordPressテーマ「ハミングバード」 のページが現れます.
  3. カートへ入れる をクリックします(図2).
  4. カートの中が表示されます.数量を確認し,次へ をクリックします(図3).
  5. お客様情報の「会員ではない方はこちら」を記載します.記載内容は忘れないようにメモします.そして,会員登録しながら次へ をクリックします(図4).
  6. 支払い方法のページが現れます.私は支払い方法に「クレジットカード」を選択しました.そして,「利用規約に同意する」をチェックし,次へ をクリックします(図5).
  7. クレジットカード情報のページが現れます.必要項目を記入し,次へ をクリックします(図6).
  8. 内容確認のページが現れます.内容を確認し,上記内容で注文する をクリックします(図7).
  9. 完了のページが現れます.ダウンロード をクリックします(図8).
  10. ダウンロード後,トップページへ戻る をクリックします(図9).

ダウンロードしたテーマ「hummingbird.zip」を解凍する必要はありません.次節で示すように zip ファイルのままで,WordPres にインストールできます.

図1: 購入のページヘ

図2: カートへ入れる

図3: 次へクリック

図4: 会員登録

図5: 支払い

図6: カード情報

図7: 内容確認

図8: ダウンロード

図9: トップページへ

インストール

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

hummingbird インストール

Hummingbird (親テーマ) は,WordPress のテーマです.Hummingbird をインストールするためには,予め Word Press をインストールしておく必要があります.

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. そして,今すぐンストール をクリックします.そして,ファイル「hummingbird.zip」を選択し,Open をクリックします.[参照: 17]
    6. 「テーマのインストールが完了しました。」が現れたら,完了です.[参照: 18]

図10: 自分のページ

図11: ログインへ

図12: ログイン

図13: テーマ

図14: 新規追加

図15: アップロード

図16: ファイル選択

図17: インストール

図18: 完了

子テーマのインストール

次に,Hummingbird の子テーマのインストール方法を示します.これをインストールしておくと,ブログの外観を変更することができます.これをインストールしなくても Hummingbird は動作しますが,インストールすることを進めます.インストール方法は,次のとおりです.

  1. 子テーマをダウンロードします.
    1. 子テーマのダウンロードサイト「子テーマのダウンロード・導入」を開きます.
    2. スクロールすると現れるハミングバードのダウンロードファイル「hummingbird_custom.zip」をクリックします[参照: 19].そして,適当なディレクトリー (フォルダー) に保存します.
  2. 子テーマをインストールします.
    1. インストールするブログサイトを開き,下の方にある「サイト管理」をクリックします[参照: 20].
    2. もし,ログイン画面が現れたら,WordPress のユーザー名とパスワードをタイプし,ます.ログインをしたままであればs,ログイン画面は現れません.
    3. ダッシュボードが現れます.左側のアイコンから 外観 > テーマ を選択します.[参照: 21]
    4. テーマの設定画面が現れますので,新規追加 をクリックします.[参照: 22]
    5. テーマの追加の画面が現れますので,テーマのアップロード をクリックします.[参照: 23]
    6. テーマを追加の画面が現れます.そして,ファイルを選択 をクリックします.そして,ファイル「hummingbird_custom.zip」を選択し,Open をクリックします.[参照: 24]
    7. そして,今すぐンストール をクリックします.そして,ファイル「hummingbird.zip」を選択し,Open をクリックします.[参照: 25]
    8. 「テーマのインストールが完了しました。」が現れたら,完了です.[参照: 26]
    9. [有効化] をクリックすると,Hummingbird のテーマが適用したブログになります.[参照: 27]
      • ライブプレビューをクリックすると,Hummingbird が適用された画面を確認することができまます.これをクリックすると,もう一度ダッシュボードに戻り,Humming bird の [有効化] をクリックする必要が有ります.

図19: ダウンロード

図20: 管理画面へ

図21: テーマ

図22: 新規追加

図23: アップロード

図24: ファイル選択

図25: インストール

図26: 完了

図27: 有効化

以上で,Hummingbird のインストールと適用は完了です.インストールしたサイトにアクセスすると,以下のようなページが表示されます.

図28: 最初に,Hello World が表示されます.

テーマの変更方法

WordPress をインストールすると,いくつかのテーマも一緒にインストールされます.使いたいテーマを有効にすることができます.特に,hummgingbird を使う場合には「hummingbird_custom」を有効化しましょう.

  1. インストールするブログサイトを開き,下の方にある「サイト管理」をクリックします[参照: 29].
  2. ダッシュボードが現れるので,外観 > テーマ を選択します.[参照: 30].
  3. いくつかのテーマが現れます.使いたいテーマの 有効化 をクリックします.[参照: 31].

以上で,テーマの設定は完了です.

図29: サイト管理へ

図30: テーマ設定へ

図31: 有効化

ページ作成情報

参考資料

  1. Hummingbird の販売元である OPENCAGE の「ダッシュボードからテーマをインストールする」に詳しい説明があります.

更新履歴

2018年1月13日 ページの新規作成


no counter