islemagアイルマグのカスタマイズ
TOP画面が気に入って選んだislemag(アイルマグ)ですが、色々と変更したい箇所が出てきました。
最初は分かりやすい「追加CSS」の機能を使って、見出しのフォーマットを変更したりしていたのですが、PHPも修正したくなったため、子テーマを作成することにしました。
子テーマ作成
①追加CSSの現在の設定をコピーしておく
子テーマを追加したときに、追加CSSは引き継がれないようなので、事前にコピーしておきます。
②現在のテーマ確認
現在のテーマが保存されているディレクトリーを確認します。ここでは、エックスサーバーを使用しているため、ファイルマネージャーから操作しています。
もともとのislemagのテンプレートは以下です。
/DomainName/public_html/wp-content/themes/islemag
③子テーマ用ディレクトリー作成
親のテーマと同じ階層（themesの下）に子テーマ用のディレクトリーislemag-childを作成
④子テーマディレクトリー配下に、style.cssファイルを作成
作成したislemag-chidのディレクトリーの下に、「style.css」のファイルを作成し、以下を記載します。
/*
Template:islemag
Theme Name:islemag_child
*/
@import url('../islemag/style.css');
さらに、追加CSSで設定していた内容も貼り付けます。
⓹Wordpress管理画面から子テーマを有効にする
問題なければ、Wordpress管理画面の外観→テーマで作成した子テーマ認識されています。
これを有効にして、サイトが問題ないかどうか確認します。
isleMagのカスタマイズ記事
