WordPressの子テーマを作成する方法と必要な理由

公開: 2022-05-20

あなたがWordPressプラットフォームのファンなら、将来のリスクとエラーを最小限に抑えるためにWordPressの子テーマを作成するためのアドバイスをたくさん聞いたことがあるでしょう。

SKT Themesは、アドバイザーの意見を確実に共有し、WPサイトまたはブログの個別の子テーマを作成して維持することの重要性も強調しています。子テーマの利点と利点には利点がないように見えますが、最初に子テーマがその真の本質であるものを理解しましょう。

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

WordPressの子テーマは、親WPテーマの代替バージョンであり、その親テンプレートの機能とデザインを継承します。この追加または子テーマを使用すると、基本テンプレートの機能と外観を変更、変更、または補足できます。

そして、この時点で重要なのは、親テンプレートはそのままで、同時に変更されないままです。その後、加えた変更が失われることを心配せずに、いつでも更新できます。

なぜWordPressの子テーマを作成する必要があるのですか？

有効なWordPressテンプレートのコードとファイルにアクセスできるため、デザインの変更から追加のウィジェットやプラグインの作成まで、外観と機能を変更およびカスタマイズできます。

ただし、すべてのWordPressWebマスターが思い付く可能性のあるわずかな不便があります。基本的なテーマコードへの直接の調整はすべて消えます。つまり、テーマの更新後にソースに戻ります。

したがって、このような不快なロールバックを回避したい場合は、WordPressの子テーマを作成する必要があります。これにより、スケジュールされた更新時にテーマを失う危険を冒すことなく、テーマに大量の変更を加えることができます。

いつ子テーマを作成する必要がありますか？

テーマのfunctions.phpファイルに新しい関数を追加したりstyle.cssファイルを変更したりして、自分のWebサイトやブログの外観や機能フレームワークを絶えず変更している場合は、子テンプレートを作成する必要があります。

さらに、Webデザイナーと開発者は、この手法の恩恵を受けてワークフローをスピードアップし、予期しない欠点やエラーなしにさらに多くのことを達成できます。

子テーマの可能性をすべて広げたので、その作成の技術的な部分に移りましょう。全体として、WordPressプラットフォームの要点を理解し、その可能性についてさらに学ぶための素晴らしい方法です。

WordPressの子テーマを作成する方法

WordPressの子テーマを作成するには、次の3つの主要なポイントを中心に展開する必要があります。

1.子テーマディレクトリ

2.スタイルシート（style.css）

3.functions.php

子テーマの作成に向けた最初のステップは、wp-content/themesにそのディレクトリを作成することです。子テーマディレクトリに親テーマのタイトルと「子」の末尾が付いているとよいでしょう。

SKTパーフェクトテーマをサンプルとして取り上げましょう
商用WordPressテーマ

この場合、子テーマに「 skt-perfect-child 」という名前を付けます。（強調表示されている部分を確認してください）

さらに、テーマのスタイルシート（style.cssファイル）を作成する必要があります。スタイルシートは次のように始まる必要があります。

 *
 テーマ名：SKTパーフェクトチャイルド
 テーマURI：http://mysite.com/skt-perfect-child/
 説明：SKTパーフェクトチャイルドテーマ
 著者：ジョン・スミス
 著者URI：http://mysite.com
 テンプレート：sktperfect
 バージョン：1.0.0
 ライセンス：GPL
 ライセンスURI：http://www.gnu.org/licenses/gpl-2.0.html
 タグ：完璧、応答性、ウィジェットフレンドリー
 テキストドメイン：skt-perfect-child
* /

スタイルシートのこの部分を扱うときは、独自の詳細を追加することを忘れないでください。

最後に触れる必要のあるファイルはfunctions.phpです。親テーマのスタイルシートをエンキューするには、wp_enqueue_scriptsアクションを追加します（https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts）
子テーマのfunctions.phpでwp_enqueue_style（）（https://developer.wordpress.org/reference/functions/wp_enqueue_style/）を使用します。

この関係では、functions.phpファイルを子テーマのディレクトリに作成する必要があります。 Functions.phpの最初の行は「<？php」である必要があります。その後、親テーマと子テーマの両方のスタイルシートを追加できます。

親テーマにメインのstyle.cssが1つしかない場合は、以下の例が正しく機能するはずです。

 add_action（'wp_enqueue_scripts'、'my_theme_enqueue_styles'）;
関数my_theme_enqueue_styles（） 
    wp_enqueue_style（'親スタイル'、get_template_directory_uri（）。'/style.css'）;

子テーマのstyle.cssに実際のCSSコードが含まれている場合は、それも追加する必要があります。実際には、依存関係として「親スタイル」を追加する必要があります。適切な例を次に示します。

 関数my_theme_enqueue_styles（） 

    $ parent_; //これはSKTパーフェクトテーマの「skt-perfect-style」です。 

    wp_enqueue_style（$ parent_style、get_template_directory_uri（）。'/style.css'）;
    wp_enqueue_style（'子スタイル'、
        get_stylesheet_directory_uri（）。 '/style.css'、
        array（$ parent_style）、
        wp_get_theme（）-＆gt; get（'Version'）
    ）;

add_action（'wp_enqueue_scripts'、'my_theme_enqueue_styles'）;

皆さん、これですべてです。これで、子テーマが正常に作成され、残っているのはそのアクティベーションだけです。これについては、サイトの管理パネル、外観、テーマに進んでください。ここにリストされているすべての利用可能なテーマを見つけることができます。ここで新しく作成された子テーマを見つけ、それをクリックするだけでアクティブになります。

この方法が本当に怖い場合は、利用可能な子テーマクリエータープラグインを利用できます。