賢威 7の子テーマ作成が簡単になりました
賢威で子テーマを作るとデザインが崩れたり、おかしなことが起きるような気がして二の足を踏んでいた方。賢威 7のサポートページに子テーマのサンプルがアップされたので、子テーマの作成が簡単になりました。
ただし、インストールするだけでなく一部を修正する必要があるので、以下、賢威 7で子テーマを作る手順を説明します。
賢威 7の子テーマの作り方
賢威 7のインストール
すでにインストール済みとは思いますが、事前準備として賢威 7をインストールします。
ダウンロードページは次のとおりです。
ここではコーポレート版をダウンロードしました。「HTML版」ではなく「WordPress版」をダウンロードしましょう。
![賢威 7コーポレート版(blue)をダウンロード](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-03-05.jpg)
「外観」-「テーマ」の「新規追加」から「テーマのアップロード」を選択し、ファイルを選択して「今すぐインストール」をクリックします。
![賢威 7のインストール](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-05-53.jpg)
子テーマをインストールするので有効化してもしなくても構いません。
子テーマのインストール
続いて、以下のページから子テーマをダウンロードしましょう。
賢威7WordPress版子テーマのダウンロード | 賢威サポートページ
![賢威 7の子テーマをダウンロード](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-10-37.jpg)
ダウンロードできたら、親テーマと同じように「外観」-「テーマ」の「新規追加」から「テーマのアップロード」を選択し、ファイルを選択して「今すぐインストール」をクリックします。
![賢威 7の子テーマをインストール](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-13-01.jpg)
さあ有効化して、と思ったら「親テーマが見つかりませんでした。この子テーマを利用する前に、親テーマkeni70_wp をインストールしてください。」のようなメッセージが表示されますが、これから修正するので焦る必要はありません。
![子テーマのインストールが完了](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-13-59.jpg)
子テーマの修正
「外観」-「テーマの編集」メニューを開きます。
![「外観」-「テーマの編集」を開く](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-17-14.jpg)
画面右上の「編集するテーマを選択」から「賢威7.0 スタンダード版 カスタマイズ版(子テーマ)」を選んで「選択」ボタンをクリックします。
![子テーマを選択](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-18-38.jpg)
開いたstyle.cssに「このテーマは壊れています。」(1)と表示されますが問題ありません。設定されているテンプレート名「keni70_wp」(2)の部分を見つけてください。ここを修正します。
![子テーマが開く](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-20-40.jpg)
修正するため、最初にダウンロードした親テーマのファイルを見てください。このファイル名から拡張子「.zip」を除いた部分(ここでは「keni70_wp_corp_blue_201709202205」)をコピーします。
![親テーマのファイル名をコピー](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-24-26.jpg)
コピーしたファイル名を、子テーマの「keni70_wp」と置き換えます。置き換えた結果は次のようになります。
![テンプレート名を置き換える](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-26-39.jpg)
画面を下にスクロールして「ファイルを更新」ボタンをクリックすると設定完了です。正しく設定できていれば、「このテーマは壊れています。」のメッセージが消えます。
![「このテーマは壊れています。」が消える](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-28-21.jpg)
子テーマの有効化
「外観」-「テーマ」を開いて、賢威 7の子テーマ(賢威7.0 スタンダード版 カスタマイズ版)を有効化しましょう。
![賢威 7の子テーマを有効化](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-29-42.jpg)
これで設定完了です。サイトを表示して画面デザインが崩れたりしていないかチェックしましょう。
![賢威 7のサイトを確認](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-31-44.jpg)
子テーマの動作確認
子テーマが動作しているかチェックしてみましょう。たとえば、「外観」-「テーマの編集」メニューからbase.cssを開いて次のようなCSSを入力します。
.site-title { font-size: 1em; }
入力したイメージは次のようになります。
![子テーマにサンプルCSSを入力](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-36-10.jpg)
「ファイルを更新」ボタンをクリックしてサイトを確認しましょう。入力したCSSが反映され、サイト名が小さくなります。子テーマが機能しているということです。
![子テーマに入力したCSSが反映される](http://www.nishi2002.com/wp-content/uploads/2017/09/2017-09-20-22-39-34.jpg)
これで子テーマの作成は終わりです。あとは自由に子テーマを使ってカスタマイズしてください。