XWRITE子テーマの作り方備忘録

WordPressをカスタマイズする際に使う「子テーマ」ですが、作り方の備忘録を書いておきます。
XWRITEテーマ向けに書いていますが、基本的な作り方は他のテーマと同じです。

子テーマは必ず作らなければいけないものではないので、タグを追記してカスタマイズをする予定がなければ、わざわざ作る必要はないです。

子テーマに必要なファイルを作る

まずは「xwrite_child」という名前のフォルダを作ります。Macの場合は右クリックで「新規フォルダ」を押して作成します。

その中にテキストエディタで「style.css」「functions.php」の２つのファイルを作ります。

style.cssファイルの中身は以下のタグをコピペして貼り付けます。



@charset "UTF-8";
/*!
Theme Name: xwrite child
Template: xwrite
*/

Theme Nameは子テーマなので、「xwrite child」と書きます。
Template名は親テーマを指定するので、必ず「xwrite」を記載します。

functions.phpファイルの中身は以下のタグをコピペして貼り付けます。



<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style')
);
}
?>

特に変わったところはなく、他の子テーマを作る時と内容は同じです。

子テーマを作り終わったらテーマを変更するので、先ほどの「xwrite_child」フォルダを右クリックしてzip圧縮ファイルを作ります。これをWordPressにアップロードします。

WordPress管理画面の「外観」→「テーマ」より「新しいテーマ追加」を押します。

「テーマのアップロード」→「ファイルを選択」から先ほど作ったxwrite_child.zip」フォルダを選びます。

「外観」→「テーマ」から先ほど作った子テーマを「有効化」ボタンを押せば完了です。

子テーマを使う時に注意すること

親側のテーマがバージョンアップされる時に、子テーマのファイルをあまりカスタマイズしすぎると、表示が崩れることがあるので、なるべく親テーマからコピーして使うファイルは少ないほうが後々、書き換えの対応が少なくて済みます。

できるだけ長期運用していくことを考えながら、カスタマイズしていくと良いですね。

[公開日] 2024年3月22日 / カテゴリー：WordPress

この記事を書いた人

ポポデザイン
西宮市在住のWEBデザイナー・グラフィックデザイナー・マーケター。ホームページの制作からディレクション、イラスト、SEOなど制作からユーザーのサポートまで幅広く、初心者のかたも分かりやすい対応を心がけております。(プロフィール)
Facebook｜X｜Instagram

この記事が気に入ったら
いいね！をお願いします

Follow @popodesign

最新情報をお届けします

同じカテゴリーの記事

さくらサーバー常時SSLをラピッドSSLからJPRSへ変更しました
そもそもSSLとは？ホームページのアドレスにhttpsの「s」が付いているのが「常時SSL」という暗号化 [続きを読む]
WordPressの画像をWebP(ウェッピー)に変換するプラグイン
Webサイトの表示速度を上げるため、画像をGoogleが推奨している画像形式「WebP（ウェッピー）」へ変換しました。初 [続きを読む]
WordPressの管理者メールアドレスが変更出来ないときの修正方法
WordPressの管理者メールアドレスをふつうに変更しようとすると、新しいメールアドレスから「承認」作業をしないと変更 [続きを読む]
レンタルサーバーの借り方（ロリポップ！）
サーバーとはホームぺージのデータを置いておく「場所」のことです。レンタルサーバーを借りることで、自分で作ったホームペー [続きを読む]