子のテーマを作成する理由とそれを簡単にするためのヒント[WordPress]

WordPressはすべてのWebサイトの約23％に電力を供給しており、多くのユーザーは使用するテーマを何らかの方法でカスタマイズする必要があります。テーマファイルを直接編集することを選択する人もいますが、それは大きな問題を引き起こします。テーマが更新されると、すべての変更が失われます。ここで、子テーマを作成します。

子のテーマとは何ですか？

子テーマは、親テーマの機能とスタイルを継承する単なるカスタムテーマです。子テーマを作成することで、親テーマに簡単に変更を加え、親テーマが更新されてもそれらの変更を保持できます。

子テーマとは何かがわかったところで、子テーマを作成するいくつかの方法と、従うべきいくつかのベストプラクティスを見てみましょう。

はじめに

このチュートリアルでは25のテーマを使用しますが、これは選択したどのテーマでも機能します。

子テーマを作成するには、「wp-content / themes」ディレクトリに移動して、子テーマ用の新しいフォルダを作成します。フォルダには「twentyfifteen-child」などの名前を付けることができます。

次に、新しい子テーマフォルダ内に「style.css」ファイルを作成し、ファイルに次のコンテンツを入力する必要があります。

/*
Theme Name:     Twenty Fifteen Child 
Theme URI:      https://www.maketecheasier.com
Description:    Twenty Fifteen Child
Author:         Ayo Isaiah 
URI:            https://www.maketecheasier.com/author/ayoisaiah
Template:       twentyfifteen
Version:        1.0.0
*/

テーマ名、URI、説明、作成者名を、子テーマに関連する詳細に置き換えることができます。ただし、「テンプレート」の部分は、親テーマのディレクトリにちなんで名前を付ける必要があります。

この場合、親テーマのディレクトリ名は「twentyfifteen」であるため、テンプレートは「twentyfifteen」になります。別のテーマを使用している場合は、それに応じてテンプレートを更新することを忘れないでください。そうしないと、子のテーマが壊れてしまいます。

次のステップは、親テーマのスタイルシートを適切にキューに入れて、子テーマが親のスタイルを継承し、そこから構築できるようにすることです。一部のWebサイトでは、@importの使用を推奨しています これを行うには、これはもはやベストプラクティスではないため、避ける必要があります。

親テーマスタイルをキューに入れる最良の方法は、子テーマフォルダーに「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' );
}
?>

ここでの秘訣は、「parent-style」を親テーマのディレクトリに置き換え、最後に「-css」を付けることです。この場合、「parent-style」は「twentyfifteen-css」に置き換えられます。

それでおしまい;これで、子テーマをアクティブ化する準備が整いました。

お子様のテーマを有効にする

子テーマのアクティブ化は、通常のテーマとまったく同じプロセスです。 WordPressダッシュボードの[外観]->[テーマ]に移動して、子テーマをアクティブ化するだけです。

プラグインを使用して子テーマを作成する

子テーマの作成プロセスを迅速化したい場合は、無料のプラグインを使用して自動的に作成できます。ワンクリックの子テーマを使用すると、ボタンをクリックするだけでこれを簡単に実行できます。プラグインをインストールしてアクティブ化し、ダッシュボードの[外観]-> [子のテーマ]に移動して、ページのフォームに子のテーマに関連する詳細を入力するだけです。完了したら、[子の作成]ボタンを押して、子のテーマを作成してアクティブにします。

カスタマイズを行う

テーマがアクティブ化されたので、Webサイトを表示してどのように表示されるかを確認できます。すべてが正しく行われたとすると、親テーマとまったく同じように表示されます。この時点から、子テーマのstyle.cssファイルにカスタムCSSを追加して、親テーマのスタイルを上書きできます。子テーマで宣言するスタイルは親テーマのスタイルよりも優先されることに注意してください。これで、作業を失うことを恐れずに親を更新できます。

ウェブサイトに新しい関数を追加する場合は、親テーマの「function.php」ファイルと一緒に読み込まれる子テーマの「function.php」ファイルで関数を宣言する必要があります。

その他のテンプレートファイル

他のPHPファイルは、子テーマディレクトリにコピーして、そこで変更する必要があります。これは、「functions.php」ファイルとは異なり、親テーマの同等のファイルが無視されて独自のファイルが優先されるためです。したがって、すべてが機能するように、元のファイルを子テーマ内の親テーマと同じ位置に配置してください。スムーズに。

結論

Webサイトでカスタマイズを行うために子テーマが必要な理由とその作成方法がわかったので、テーマファイルを直接変更する理由はありません。それでもさらに説明が必要な場合は、下にコメントを残すか、WordPressCodexにアクセスして子テーマの詳細を確認してください。