IsleMag カスタマイズ①子テーマ作成

Last modified on:

JuralMin / Pixabay

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管理画面の外観→テーマで作成した子テーマ認識されています。

これを有効にして、サイトが問題ないかどうか確認します。

 

 

 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です