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

最新情報をお届けします

同じカテゴリーの記事

WordPressの画像をWebP(ウェッピー)に変換するプラグイン
Webサイトの表示速度を上げるため、画像をGoogleが推奨している画像形式「WebP（ウェッピー）」へ変換しました。初 [続きを読む]
Cocoonをコーポレートサイト型にする方法・トップページ
WordPressのCocoonテーマをコーポレート型サイトとしてカスタマイズする方法をお話します。 Cocoonは標準 [続きを読む]
さくらの新サーバーに移行ツールで引っ越しました
さくらインターネットで旧サーバーでも新しいサーバーへ移行できるようになったので、さっそく実際の案件でも試してみました。や [続きを読む]
WordPressの自動更新機能を案件で使用したことについて
WordPress5.5から標準機能でシステムとプラグイン、テーマの自動更新ができるようになったので、昨年頃から実際の制 [続きを読む]