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


なぜ既存の親テーマでWordPressをカスタマイズしないのですか?使用しているテーマが更新されると、カスタマイズはどうなりますか?

答えは失われ、ブランドとメッセージングのガイドラインと設定に従ってサイトを作成するためのあなたの努力も失われます。

A 子テーマを使用すると、個別のCSSスタイルシートを作成できます を追加し、失われない機能を追加したり、親テーマが更新されると影響を受けます。

これは、手動で、または子テーマ作成者プラグインをインストールすることで実行できます。手動プロセスから始めましょう。

新しいディレクトリを作成

子テーマの新しいディレクトリを作成することから始めます。 FTPクライアント を使用するか、cPanelを介して既存のwp-content / themesディレクトリにアクセスできます。

cPanelを使用するには、ホスティングコントロールパネルに移動します。 。 ファイルマネージャーを選択し、WordPressがインストールされているディレクトリに移動します。

<!-
In_content_1 all:[300x250] / dfp:[640x360]
->

これは通常、public_htmlという名前のディレクトリにあります。 wp-contentフォルダーを見つけて開きます。 [新しいフォルダを作成]をクリックして、子テーマの名前を入力します。後で認識できる名前を必ず付けてください。良い例はparenttheme-childの名前です。

エラーを避けるためにファイル名にスペースを含めないでください。

内部処理のため、以下の例に示すように、フォルダー名には親テーマの名前(テーマ「slug」)を含める必要があります。

CSSスタイルシートの作成

スタイルシートは、2つの理由でWordPressテーマで使用されます。

  • サイトの外観に影響するスタイルの場所です。
  • テーマのメインスタイルシートは、WordPressがテーマに関する情報を検索する場所です。
  • 子テーマに新しいスタイルを追加したくない場合があります。ただし、テーマ名や親テーマ名などの詳細を定義するには、スタイルシートが依然として存在する必要があります。

    したがって、子テーマ用に新しいスタイルシートを作成する必要があります。したがって、次のステップは、子テーマの外観を制御する規則を定義するCSSスタイルシートのテキストファイルを作成することです。

    子テーマのCSSファイルは、親テーマよりも優先されます。

    テキストファイルの次の情報:

    • テーマの名前。
    • 親テーマディレクトリの名前。
    • タイトルと説明
    • スタイルシートには、ファイルの先頭に次のヘッダーコメントを必ず含めてください。 WordPressはこの情報を読み取り、子テーマが使用されていることを認識します。

      テンプレートに細心の注意を払いたい鬼ごっこ。それはあなたの子供の親テーマが何であるかをWordPressに伝えます。親テーマが置かれているフォルダでは大文字と小文字が区別されることに注意してください。

      技術的には、子テーマをアクティブ化できるようになりました。ただし、より複雑な子テーマを作成する場合は、カスタムPHP関数を追加する必要があります。

      子テーマにfunctions.phpファイルを作成します(作成したstyle.cssファイルと同じディレクトリ内)。ここで、追加の投稿形式などを追加する必要があります。

      CSSファイルと同様に、PHPファイルへの変更または追加は、親の関数と自動的にマージまたはオーバーライドされます。

      add_theme_support()で追加された投稿形式などの場合、それらはマージではなくオーバーライドとして機能します。

      add_theme_support()を使用する場合、子テーマが親をオーバーライドするように追加の手順を実行する必要があります。

      これは複雑になる可能性があるため、現在のWordPressテーマレビューチームリーダーWilliam Pattonの WordPress投稿形式を使用して投稿する を参照してください。

      スタイルとスクリプトを追加して親テーマの機能をオーバーライドする

      次のステップは、子テーマが親テーマの機能を継承し、スタイルまたは使用する新しいスタイルを反映します。

      スタイルは、Webサイトの外観を変更するために使用されます。スクリプトは機能を強化します。スタイルとスクリプトをWordPressサイトに追加する方法は、ファイルのコンテンツと同じくらい重要です。

      WordPressのエンキュー機能は、これを実現する方法です。

      エンキューとは、スタイルとスクリプトをWordPressサイトに追加して、ユーザーがサイトにアクセスしたときに表示される内容に影響を与える方法を指します。

      同じ結果を得るために多数のプラグインを使用すると、互換性の問題と壊れたサイト。

      Wp_enqueueは、プラグインのオーバーヘッドを減らすことでWebサイトのパフォーマンスを向上させるだけでなく、ユーザーエクスペリエンスも向上させます。

      「wp_enqueue」の使用方法

      子テーマのスタイルを出力するには、wp_enqueue_style()という関数を使用する必要があります。

      この関数は数ビットの情報を取りますが、最も重要なのはファイルの名前(または「ハンドル」)とファイルの場所です。

      関数内。 phpファイルに次のcを追加しますode。

      このコードは、親ディレクトリのスタイルシートを作成し、先ほど作成した子のスタイルシートも追加します。 親スタイルのテキストは、最後に追加されたスタイルを持つ親テーマの名前と一致する必要があることに注意してください。

      子供を有効にするテーマ

      wp-content / themes / yourthemenameフォルダー内のサーバーで子テーマのファイルを作成した場合、WordPressで使用可能になります。アクティブにするダッシュボード。

      • ダッシュボードにログインします。
      • 外観>テーマに移動します。
      • 子テーマが一覧表示されます。
      • [プレビュー]を選択して、サイトが新しい子テーマでどのように表示されるかを確認します。
      • 表示に満足したら、[アクティブ化]をクリックして作成します
      • wp-content / themes / yourthemenameフォルダー内のサーバー以外の場所に子テーマを作成した場合は、新しい子テーマフォルダ。

        • WordPressダッシュボードにログインします。
        • 外観>テーマに移動します。
        • 新規追加
        • テーマをアップロードを選択します。
        • zipされたファイルを表示される新しいボックスにドラッグするか、ファイルセレクタをクリックして、コンピューターでそれを参照します。
        • アップロードしたら、プレビューしてからアクティブにできます。
        • テンプレートファイルの追加

          他のテンプレートをオーバーライドするには、それらを親テーマから子テーマにコピーできます。子で親と同じ名前を持つテンプレートファイルは、オーバーライドとして機能します。次に、必要に応じてテンプレートのコンテンツを調整します。

          新しいテンプレートを追加するには 、これは正しい名前で新しいファイルを作成し、独自のコンテンツを追加する場合にすぎません。上記のセクションでは、手動プロセスについて説明します。

          次に、WordPressプラグインを使用して子テーマを作成する方法について説明します。

          WordPressプラグインを使用

          ログWordPressダッシュボードに。 [プラグイン>新規追加]をクリックします。 子テーマ

          を検索します。

          最初に表示されるプラグインは、 子テーマコンフィギュレーター です。上記のスクリーンショットに見られるように、これは良い選択です:

          • 現在のバージョンのWPと互換性があります。
          • 多くのインストールがあります。
          • 最近更新されました。
          • 今すぐインストール>有効化」をクリックします。次のステップは、ツールに移動し、子テーマ

            ドロップダウンメニューから親テーマを見つけて選択します。 分析を選択して、テーマが子テーマとして使用しても問題ないことを確認します。

            以下は、子テーマ設定ツールの設定方法に関する段階的なチュートリアルです。別のWordPressプラグインを使用する場合は、その設定方法に関するチュートリアルも簡単に見つけることができます。

            ご存じのとおり、子テーマは機能の一部を親テーマに依存する別個のテーマです。

            子テーマを使用する場合、 WordPressは親の前に子を探し、存在する場合は子のスタイリングと機能に従います。

            親テーマが更新されるときに、多くの時間、トラブル、および将来の頭痛を省きます。更新の影響を受けない子を作成します。

            Wordpressテーマの子テーマの作成方法

            関連記事:


            18.07.2019