!ホームSANGOのカスタマイズ基本的な設定WordPressの子テーマとは?安全にカスタマイズを行う方法2019年5月13日WordPressにはカスタマイズを安全に行うために「子テーマ」と呼ばれるものを使うことができます。子テーマを有効化SANGOの子テーマでカスタマイズを行う方法style.cssfunctions.phpその他のファイルをカスタマイズしたいときは子テーマとは?通常のテーマ(親テーマ)と組み合わせて使うカスタマイズ用のテーマです。子テーマにより親テーマ自体には手を加えること無く、変えたい部分だけを上書きするような形でカスタマイズすることができます。子テーマを使うメリット親テーマをいじること無く、子テーマを通してカスタマイズすることには大きなメリットがあります。これらのファイルのコードを編集すると、誤って重要なコードまで消してしまうかもしれません。子テーマを使っていれば、上書きする形でカスタマイズをしていくため、最悪子テーマのファイルを消したり、元に戻すことで修正ができます。テーマのアップデート時にもカスタマイズ内容が残る親テーマ内のファイルに直接手を加えてカスタマイズを行うと、テーマのアップデート(バージョンアップ)時に手を加えたファイルまで修正されてしまいます。カスタマイズした内容が消えてしまうのです。子テーマを用意して、上書きする形でカスタマイズをしていれば、親テーマが更新されたときにも子テーマのカスタマイズ内容が残ります。子テーマをインストールしようここからは子テーマをWordPressにインストールする方法を解説していきます。SANGOをご利用の方は下のボタンから専用の子テーマをダウンロードできます。親テーマと同じ手順でWordPressの管理画面からインストールすればOKです。アップロード時には、圧縮されたファイル(.zip形式)をそのまま選択しましょう。詳しくはこちらの記事を御覧くださいませ。親テーマが無ければ子テーマは働きません。子テーマを有効化これで親テーマと子テーマ両方がインストールされました。このうちの子テーマの方を有効化しましょう。子テーマが自動で親テーマの内容を読みに行ってくれます。SANGOの子テーマでカスタマイズを行う方法SANGO用の子テーマには、以下の2つのファイルが収録されています。style.cssfunctions.phpstyle.cssこのファイルにブログの見た目を変えるためのCSSを書いていきます。「CSSって何?」という方は下の記事にざっと目を通してみてください。初心者向けCSS入門:基本的な書き方を総まとめ!このファイル内に記載されたCSSは、親テーマに上書きされて適用されていきます。編集はFTPソフトと呼ばれるものを使うと便利ですが、管理画面の「外観⇒テーマエディター⇒スタイルシート」から編集することもできます。ファイルの冒頭に書かれているコードは消さずに、下に追記していきましょう。functions.phpfunctions.phpにはテーマを制御する様々なコードを書いていきます。カスタマイズの本や記事を読むと「このコードをfunctions.phpに貼り付けましょう」というように書かれていることがよくあります。そんなときには、こちらのファイル内に記載していけばOKです。その他のファイルをカスタマイズしたいときは例えば、ブログのヘッダーのデザインを変えるためにheader.phpを編集する必要がでてきたとします。そんなときは、親テーマのheader.phpを子テーマに複製します。すると、親テーマのheader.phpは読み込まれず、子テーマ内のheader.phpが読み込まれるようになります。親テーマ内のファイルは残したまま、子テーマの方で自由にファイルを編集できるというわけです。MEMO複製する際には子テーマ内にheader.phpという新規ファイルを作り、その中に親テーマのheader.phpの内容をまるっとコピペすればOKです。この作業にはFTPソフトが必要になるのでご注意ください。ようように打ってみましたが、ダメでした。2019/06/30子テーマにすると記事一覧のレイアウトが崩れてしまう親テーマでは、記事一覧のレイアウトで、右側にウィジェットが表示されていたのですが、子テーマを有効化すると、記事の下に表示されてしまいました。2019/04/05テーマの編集ボタンがありません。ブログ開設初心者です。子テーマ有効化にしました。その後、外観→テーマの編集ボタンを探しているのですが、見当たりません。2019/02/01子テーマに書いたCSSが反映されない初めまして、素敵なテーマで大変気に入っています。初Wordpressサイト作成で一番肝心なところで引っかかっています。親テーマインストール後に、小テーマを無事インストールし、順調にカスタマイズしていますが、公開しても親テーマのルックスが反映されてしまいます。キャッシュの問題でしょうか?何かアドバイス頂けましたらありがたいです。2018/10/17子テーマのスタイルシートが反映されないお世話になります。子テーマに以下の記述をしていますが、反映されません。デベロッパーツールで確認すると「theme1」の存在も確認出来ません。