WordPress チャイルドテーマ作成：初心者でも簡単に従う方法

ワードプレス ブログを運営していると、テーマを修正したい瞬間が来ます。 しかし、親テーマを直接修正すると、アップデート時に変更内容が消えてしまうことがあります。 この時、必要なのが「チャイルドテーマ」です。チャイルドテーマは親テーマの機能をそのまま持ってきて、安全に修正できる方法を提供します。

この記事では、 WordPress チャイルドテーマ作成のすべてをお知らせします。 初心者でも簡単に従うことができますので、心配しないでください！

WordPress チャイルドテーマ作成とは？

WordPress チャイルドテーマは、親テーマの機能とスタイルをそのまま取り入れながら、私たちが望むように修正することができるテーマを指します。 WordPress チャイルドテーマ作成をすると、親テーマが更新されても、私たちが修正した内容が消えないので安全です。

チャイルドテーマが必要な理由とメリットをもう少し詳しく説明しましょう。

  1. 安全なテーマの修正:親テーマのファイルを直接触る必要がないので、テーマのアップデート時に私たちが変更した内容が消える心配がないんです。
  2. 簡単なアップデート: 親テーマが新しいバージョンに変わっても、子テーマで修正した内容はそのまま維持されます。 これはウェブサイトのセキュリティと機能改善にとても重要です。
  3. パフォーマンスの最適化: 必要なものだけをチャイルドテーマに入れることができるので、不要なコードを減らしてウェブサイトの速度を速くすることができます。
  4. 効率的な開発: 親テーマと子テーマのコードがきれいに分かれているので、コード管理がずっと楽になります。
( 워드프레스 차일드 테마 만들기 잇점 )
( WordPress チャイルドテーマの利点 )

子どもをテーマにした素敵なこともできますよ。

  • ウェブサイトのデザインを自由に変えることができます。
  • 新しい機能を追加したり、不要な機能を削除することができます。
  • ウェブサイトのスピードをより速くすることができます。
  • 自分のブランドならではの特別な姿を維持し続けることができます。

しかし、注意点もあります。 変更しすぎると、逆にサイトが遅くなる可能性があるので、必要なものだけを変更することをお勧めします。

結論として、 WordPress チャイルドテーマは、あなたのウェブサイトをより安全で、柔軟で、効率的に作ってくれる強力なツールです。 これを利用すれば、あなただけの特別なウェブサイトをより簡単かつ安全に作成し、管理することができますよ。

現在のテーマがチャイルド(子)テーマかどうかを確認する方法は？

WordPressの管理者ページで確認が可能です。管理者ダッシュボードの「外観>テーマ」ページで、現在有効になっているテーマを確認することができます。チャイルドテーマは一般的に親テーマと一緒に表示されます。

WordPress チャイルドテーマ作成：ステップバイステップガイド

워프 차일드 테마 만들기 단계 이미지
( ワープチャイルドテーマ作成手順 )

1.必要なファイルを準備する

まず、チャイルドテーマのための新しいフォルダを作成してください。親テーマがkadenceだとしたら、チャイルドテーマの名前は'kadence-child'としましょう。 そして、このフォルダの中に二つのファイルを作ってください。

  • style.css
  • functions.php

ファイル内容を作成した後、保存するときの全経路は以下の通りです。

  • WordPress インストールディレクトリ/ wp-content/themes/kadence-child/style.css
  • WordPress インストールディレクトリ/ wp-content/themes/kadence-child/functions.php

ファイルを作成するときは、Windowsの基本アプリであるメモ帳を利用して作成します。注意する点は保存する時、ファイル形式を' すべてのファイル (*.*) 'で指定する必要があるということです。

메모장 이용 차일드 테마 생성 필요 파일 만들기 참고 이미지
( メモ帳を利用したチャイルドテーマ作成必要ファイル作成 )

2.style.cssファイルを作成する

style.cssファイルには次のように書いてください。

/* ワード
テーマ名: Kadence Child
テーマ URI: https://www.kadencewp.com/
説明: Kadenceの子テーマ
作者: Your Name
作者 URI: http://yoursite.com
テンプレート: kadence
バージョン: 1.0.0
*/バージョン：1.0.0.0.0.0

/* ここに追加CSSを書いてください */ */ */

CSSコード解説

このCSSコードは、 WordPress チャイルドテーマのアイデンティティを示す重要な情報を含んでいます。 各行の意味を見てみましょう。

  1. テーマ名:私たちが作ったチャイルドテーマの名前です。 ここでは「Kadence Child」と名付けました。
  2. テーマURI.テーマの公式サイトです：テーマの公式サイトのアドレスです。 カデンステーマの公式サイトに移動しました。
  3. 説明です：テーマの簡単な説明を書くところです。
  4. 著者: チャイルドテーマを作った人の名前を書いてください。
  5. 著者URIです：テーマを作った人のウェブサイトアドレスを書くところです。
  6. テンプレートこの部分は本当に重要です！親テーマの名前を正確に書かなければなりません。 ここでは「kadence」となっています。
  7. バージョン: チャイルドテーマのバージョンを表します。

最後の行の注釈は、あなたが好きなスタイルを追加で書き込めるスペースです。 ここに好きなデザインを追加すればOKです。

3.functions.phpファイルを作成する

functions.phpファイルにはこのように書いてください。

<?php
function kadence_child_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' ) ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) )；
}
add_action( 'wp_enqueue_scripts', 'kadence_child_enqueue_styles' ) ；

// ここに追加関数を書いてください。

PHPコード解説

このPHPコードはチャイルドテーマが親テーマのスタイルを取り込みながらも自分だけのスタイルを適用できるようにする重要な役割をします。 コードの役割を一つずつ見てみましょう：

  1. kadence_child_enqueue_styles() 関数を作りました。 この関数は親テーマと子テーマのスタイルシートを呼び出す仕事をしています。
  2. wp_enqueue_style() 関数を使ってスタイルシートを登録して呼び出します。
    - 最初の行は親テーマのstyle.cssを取得します。
    - 2行目はチャイルドテーマのstyle.cssを取得しますが、親テーマのスタイルシートの後に適用されるように設定します。
  3. add_action() 関数は WordPressがスタイルを呼び出すときに私たちが作った関数を実行するようにします。

最後の注釈は皆さんが欲しいPHP関数を追加で書けるスペースです。 ここに欲しい機能を追加すればいいです。

4.チャイルドテーマを有効にする

チャイルドテーマを作成したら、次はアクティブ化する番です。次の手順でチャイルドテーマを有効化してください。

  1. WordPress 管理者ページにログインします。
  2. 左側のメニューから「外観」>「テーマ」をクリックします。
  3. 新しく作成したチャイルドテーマ(例えば「Kadence Child」)を探します。
  4. チャイルドテーマの上にマウスを乗せると、「有効化」ボタンが表示されます。このボタンをクリックします。
  5. アクティベーションが完了すると、「テーマが変更されました」というメッセージが表示されます。
  6. ウェブサイトのフロントエンドを確認して、チャイルドテーマが正しく適用されたことを確認します。
  7. 問題がある場合は、チャイルドテーマのstyle.cssとfunctions.phpファイルをもう一度確認してください。
  8. チャイルドテーマの有効化後は、必要に応じて'外観' > 'カスタマイズ'で追加設定を行うことができます。

これにより、チャイルドテーマが正常に有効になり、安全にテーマを修正することができます。

仕上げ

WordPress チャイルドテーマの作成、思ったより難しくないですよね？ これであなたもブログをもっと素敵に飾ることができるでしょう。 ご不明な点があれば、いつでもコメントで質問してください。一緒に成長するブロガーになりましょう！

ちなみに、チャイルドテーマを生成した後、たまに使う、開発者ブログでよく使うコードブロックをカスタマイズしたい場合があります。 WordPress コードブロックをきれいに飾る - PrismJSでコードのハイライトを適用する ポストを通してその願いを叶えてみてください！

테리 이모티콘
( 楽しくコーディングしましょう！ )

類似の投稿