WordPress 子テーマの作り方

WordPress で子テーマを作成する準備はできましたか?

親テーマのインストール

好みのテーマを決定する必要があります。 好みに応じて、親テーマとして選択するテーマを選択する必要があります。

WordPress 子テーマ ディレクトリを作成する方法

WordPress インストールのpublic_html/wp-content/themes フォルダーに新しいファイルを作成して、テーマを保持します。 ライブ サイトでこれを行うことは避けてください。 ステージング サイトに実装する前に、開発サイトでこれをテストできます。 通常、新しいフォルダー名は親テーマ名で始まり、その後に接尾辞が続くようにすることをお勧めします。

このプロセスには、スタイルシートと関数ファイルの 2 つのファイルの作成が含まれます。

スタイルシートを作成する

新しいファイルを作成する フォルダー内に次のコードを追加します。

 /*

テーマ名: CodeFlist 子テーマ

テーマ URI: https://yourwebsite.com/codeflist-child/

説明: 親 CodeFlist テーマの子テーマ

著者: アマール ラージ マハト

作者のURI: https://demo.codeflist.com/

テンプレート: CodeFlist

バージョン: 1.0.0

タグ: 黒、緑、白、明るい、暗い、2 列、3 列、左側のサイドバー、右側のサイドバー、固定レイアウト、レスポンシブ レイアウト、カスタム背景、カスタム ヘッダー、カスタム メニュー、エディター-スタイル、アイキャッチ画像、フレキシブル ヘッダー、全幅テンプレート、マイクロフォーマット、ポスト フォーマット、RTL 言語サポート、スティッキー ポスト、テーマ オプション、翻訳対応、アクセシビリティ対応、レスポンシブ レイアウト、無限スクロール、ポストスライダー、デザイン、フード、ジャーナル、雑誌、ニュース、写真、ポートフォリオ、クリーン、コンテンポラリー、ダーク、エレガント、モダン、プロフェッショナル、洗練された

テキスト ドメイン: codeflist-child

*/

このコードは WordPress にテーマを伝えます。 テキストはコメント アウトされているため、サイトでは何も実行されません。 WordPress に慣れるために、すべてのテーマにこのファイルがあります。

このコードでは、 Theme NameとTemplateを含む行をスキップできません。 テンプレートには、親テーマのディレクトリ名が含まれている必要があります。 通常、大文字と小文字も区別されます。 他のすべてのフィールドは、必要に応じて記入する必要があります。 お気に入りのエディターでこれを正しく行うようにしてください。

関数ファイルを作成する

関数ファイルの追加は、親テーマからスタイルシートをエンキューするために必要なステップです。 この手順を怠ると、子テーマのスタイルがまったくなくなります。 また、ファイルを追加します 新しいフォルダーに。 次のコードを追加します。

 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
関数 my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

WordPressで子テーマを作成する仕組み

それらはファイルレベルで機能します。 関数がファイルを呼び出すと、ファイルが存在するかどうかがチェックされます。 子テーマにファイルがない場合は、親テーマから読み込まれます。 ただし、テーマの関数ファイルの形式には例外があります。 もし ファイルが呼び出されると、両方の場所からロードされます。 親テーマの機能が動作しないと、サイトが機能しなくなります。 親テーマの関数ファイルの内容全体が子テーマにコピーされる場合、それが解決策になります。 これは、テーマを拡張するための良いアプローチではありません。 フッター ファイルを変更する場合は、親のフッター ファイルを子にコピーする必要があります。 次に、ファイルを処理して変更を保存します。 これは、変更するすべてのセクションに適用されます。

子テーマ作成者への提案

の違いを知る必要があります。 と 独自のテーマを作成する場合。 あなたは、常に親テーマディレクトリを指し、子テーマのディレクトリ。 親を使用するか子を使用するかは、あなた次第です。

子テーマのファイル

スタイルシートと関数ファイルの少なくとも 2 つのファイルがあります。 スタイルシートは WordPress にテーマの種類を伝えます。 また、親テーマについてのアイデアも提供します。 コメントアウトされたテキスト形式を使用して、すべての詳細がスタイルシートに含まれています。

あるスタイルシートを別のスタイルシートから呼び出すという間違った方法があります。 実際、関数ファイルをキューに入れる必要があります。 関数ファイルには、スタイルシートをエンキューする関数が必要です。

親テーマには ファイルですが、子テーマでは必要ありません。

子テーマの有効化方法

子テーマにファイルを追加してオーバーライドしない限り、WordPress は親テーマのファイルを使用します。 に行く、サイトにインストールされているテーマの中からテーマを見つけることができます。 その機能を楽しむには、アクティベートする必要があります。 カスタマイズを追加していない場合は、同じように見えます。

WordPressの子テーマを作成してカスタマイズする方法

これで、作業テーマができたら、必要な要件に応じてカスタマイズを追加できます。 スタイル シートを編集する場合は、 子テーマフォルダに。 テンプレート ファイルを編集できるだけでなく、カスタマイズを失うことなく親テーマを更新することもできます。 ただし、関数の作成は、テンプレート ファイルの追加よりも複雑になる場合があります。 新しい機能を追加したい場合は、 ファイル。 関数を作成したら、関連するアクションまたはフィルターを追加して、追加の機能を追加します。

親テーマの機能をオーバーライドする場合、基本的に 3 つの方法があります。

• プラグイン可能な親テーマがある場合、子テーマに同じ名前の別の関数を書くことができます。 これにより、親テーマの関数はスキップされます。
• アンプラグ可能な親テーマがある場合、アンフックを実行して、親テーマから関数を実行できないようにすることができます。
• 同じフックに別の名前でアタッチする新しい関数を追加できる場合があります。 これは、関数をオーバーライドまたは削除せずに行われます。

子テーマと親テーマのエラーを修正する

子テーマの作成後、一部の機能、スタイル、またはその他のファイルが原因で問題が発生する場合があります。 すべてが正しいことを確認するための一連の手順があります。

1. 子テーマが有効化されているか確認してください。 親テーマのステータスを確認する必要があります。
2. ブラウザのキャッシュとプラグインによって作成されたキャッシュをクリアします。
3. WordPress で子テーマを作成するときに、正しい構文でファイルに正しい名前を付けているかどうかを確認してください。
4. 変更を保存したかどうかを確認します。
5. プラグ可能な関数が機能しない場合は、名前の不一致があるか、親テーマの関数がプラグ可能なかどうかを確認してください。
6. オーバーライドの問題が発生した場合は、関数に存在する優先度の値とフックを確認してください。
7. 削除された関数から問題が発生している場合は、優先度の値、名前、フックを確認してください。
8. デバッグ モードで wp-config.php ファイルをチェックして、コードのどこにエラーがあるかを見つけます。
9. さまざまな要素の出力コードを検証する必要があります。

WordPressの子テーマについて覚えておくべきこと

1. 子テーマにはスタイルシートと関数ファイルが必要です。
2. 子テーマを作成せずにサードパーティのテーマを直接編集しないでください。 これにより、行ったカスタマイズが保護されます。
3. テーマを有効にし、親テーマを削除しないでください。
4. 同じ名前のファイルが 2 つある場合、WordPress はそのファイルを子で使用します。
5. 親テーマのプラグ可能な関数をオーバーライドするには、子テーマで同じ名前の関数を作成する必要があります。
6. remove_action()またはremove_filter()関数を使用すると、親テーマから関数をフック解除できます。
7. 同じフックで関数を作成すると、親テーマ関数を拡張できます。

まとめ

WordPressで子テーマを作成するには、これらのことを念頭に置く必要があります。最大限の利点を得ることができます. この記事で、子テーマと親テーマに関する疑問が解消されることを願っています。

追加の読み物