ワードプレスの子テーマ。最初は威圧的に聞こえるかもしれませんが、WordPressの子テーマの詳細(および美しさ)を学ぶと、とても楽しくなります。この投稿では、WordPressの子テーマをさまざまな部分に分割します。別の言い方をすれば、次のことを学びます。


  • ワードプレスの子テーマとは
  • WordPress子テーマのメリット
  • WordPress子テーマのデメリット
  • ワードプレスの子テーマを作成する方法
  • WordPress子テーマリソース

ワードプレスの子テーマとは?

では、WordPressの子テーマとは?

WordPress子テーマは基本的に、親テーマと呼ばれる別のWordPressテーマからテンプレートファイルと機能を「借用」するWordPressテーマです。まだ何もパンチしないで、私が約束するすべてを詳細に説明します.

親テーマ トップセールスのTotal WordPressテーマ、デフォルトのTwenty Fourteenテーマ、またはWebサイトで使用しているテーマなど、一般的なWordPressテーマです。.

最も基本的なWordPress子テーマは、特別なstyle.cssファイルを含むフォルダーです。私が説明したら、それはすべて理にかなっているので心配しないでください。おそらく今頭を悩ませている質問の1つは、親テーマがたくさんあるのに、なぜ子テーマを使いたいのかということです。?

答えは非常に簡単です。ほとんどの親テーマは時々更新されます。したがって、親テーマを取得してコード(およびスタイル)をカスタマイズすると、次にテーマを更新するときにこれらの変更がすべて失われます。ここにWordPress子テーマが登場します。WordPress子テーマは、更新時に変更を失うリスクを冒すことなく、親テーマをカスタマイズする機能を提供します。もちろん、ハッカーにWebサイトを公開してもかまわない場合は、更新を行わないことを選択できます.

次へ…

数段落前に、私は子テーマが親テーマからテンプレートファイルと機能を「借りる」と述べました。これはどのように起こりますか?子供のテーマは テーマ;彼らは彼らの親テーマを模倣します。それは、実際には何もコピーせずに親テーマのコピーを作成するようなものです。魔法のようですね?

フリーズボタンを押します。実際に何もコピーせずに、親テーマのコピーをどのように作成しますか?子テーマを理解するための秘訣は、前述の特別なstyle.cssファイル内にあります。実際、秘密は、style.css内にある1行です。あなたはどの行を尋ねますか?その詳細については後で説明します。この投稿の後半で子テーマを作成するので、私が話している線を明らかにし、子テーマをよりよく理解できるように、いくつかの基本的な概念を紹介します.

子テーマを作成するには、WordPressテーマディレクトリに(子テーマの)フォルダーを作成する必要があります。フォルダーには何でも(またはテーマにちなんで)名前を付けることができます。次に、次のコードでstyle.cssを作成する必要があります。

/ *
テーマ名:子テーマの名前(例:合計子テーマ)
テーマURI:http://www.example.com(子テーマのURL)
説明:子供のテーマの簡単な説明
著者:あなたの名前がここに表示されます
テンプレート:親のテーマディレクトリ名(Total、twentyteenなど)
バージョン:1.0.0
* /

このstyle.cssを子テーマのフォルダーに保存する必要があります。ここで、上記のコードの6行目(6行目)に戻ります。表示されます:

テンプレート:親のテーマディレクトリ名(Total、twentyteenなど)

この行は、子テーマに、親テーマから関数とテンプレートファイルを借用するよう指示します。この単純な行は、子テーマを親テーマにリンクし、子テーマが親テーマからテンプレートファイルと機能を受け取るための導管として機能します。つまり、WordPressプラットフォームに親テーマがインストールされている必要があります。.

この行がなければ、子のテーマはありません。フォルダーと典型的なstyle.cssファイルがあります.

要約すると、子テーマをアクティブ化すると、テンプレート行は親テーマ(の大部分)を継承します。親テーマを更新しても、子テーマに加えたすべての変更は影響を受けません。その説明はいかがですか?フォローしていますか、それとも十分に明確ではありませんか?私と一緒なら、WordPressの子テーマの長所と短所に移りましょう.

子テーマを使用する利点は何ですか?

子テーマを使用することには多くの利点があります。Webサイト用にカスタム構築されていないテーマを使用する場合は、子テーマをセットアップしてアクティブにすることをお勧めします。子テーマを使用することの主な利点のいくつかと、それを強く検討する必要がある理由を示しました.

成功

安全な更新

WordPressの子テーマは、親テーマから機能、テンプレート、スタイルを借用するだけです。これにより、親テーマに触れることなくWebサイトをカスタマイズできます。したがって、開発者が親テーマを更新するたびに、カスタムの変更を失うことなくWebサイトを安全にアップグレードできます.

子テーマは簡単に拡張できます

WP子テーマは、多くの柔軟性を提供します。親テーマの一部ではなかった新しいテンプレートファイルを作成できます。新しい機能やスタイルなどを追加できます。さらに、始めるための拡張可能なオプションを備えた多くの商用および無料のテーマフレームワークがあります。.

子テーマはフォールバックセーフです

すべての開発者は人間であり、誤解することは人間であることを私たちは皆知っています。誰もが間違いを犯し、誰もが忘れます。とはいえ、親テーマを使用するときに何かをコーディングするのを忘れた場合は、スープにいることになります。子のテーマは少し異なります。コードを忘れた場合、WordPressは親テーマから代替(または元の)を自動的にロードします。もちろん、これはコードが親テーマに存在する場合にのみ当てはまります.

子供のテーマを使用することの欠点は何ですか?

一般的に子のテーマは素晴らしいので、WordPressを使用するすべての人が将来的に微調整を行う予定がある場合は、サイトで子のテーマをアクティブにすることをお勧めしますが、これらは覚えておくべきことです。.

学習曲線があります

子テーマは、主に親テーマの機能を拡張またはカスタマイズするためのものです。つまり、開発者でない場合、子テーマで実行できることは多くなく、実行するためのコーディングについて学びたいと思います。あなたの子供のテーマの完全な可能性。したがって、初心者の場合は、親テーマとWordPress(およびコード)の仕組みを一般的に学び、子テーマの可能性を最大限に活用するための時間が必要です。とにかく、あなたはあなたの縞を稼ぐ必要があります。結局のところ、あなたはすぐにプロのようにコーディングするでしょう!

物事が壊れるか、取り残される

親テーマを中心にウェブサイトを構築している場合は、子テーマに移行するときに、いくつかの調整(メニュー、ウィジェット、テーマオプションなど)が必要になる場合があります。一部のテーマはテーマ名に基づいてデータベースに設定を保存するため、子テーマに切り替えると、すべての親テーマ設定(カスタマイザ設定)が失われたように見えるかもしれませんが、データベースで安全であると心配する必要はありませんが、この場合は、親に切り替えて、設定をコピーして移行できるようにする必要があります。 Totalテーマでは、ダッシュボードに便利なインポート/エクスポートパネルが用意されているため、子テーマに切り替える前にテーマカスタマイザー設定をコピーして、それらを移行できます。.

さらに、プラグインを使用するのではなく、子テーマを使用してサイトに追加機能を提供している場合、親テーマを切り替える場合は、これらの微調整を新しい子テーマに移動するか、現在の子テーマの名前を変更するか、カスタムプラグインを調整する.

ワードプレスの子テーマを作成する方法?

私はあなたが積極的で、あなたの子テーマのためのフォルダーと「特別な」style.cssファイルを作成したと仮定したいと思います。この部分にスキップした(またはこのセクションを待ち望んでいた)場合は、FTP / SFTP(…/ wp-content / themes)を介してWordPressテーマディレクトリを開き、子テーマを保存するフォルダーを作成してください.

注意:cPanelのファイルマネージャーからthemesディレクトリにアクセスできます。または、次のようなFTPクライアントを使用できます。 FileZilla FTPアカウントを有効にしている場合.

次に、お気に入りのテキストエディター(私のものの メモ帳++)、次の情報を含むstyle.cssファイルを作成します:

/ *
テーマ名:子テーマの名前(例:合計子テーマ)
テーマURI:http://www.example.com(子テーマのURL)
説明:子供のテーマの簡単な説明
著者:あなたの名前がここに表示されます
テンプレート:親のテーマディレクトリ名(Total、twentyteenなど)
バージョン:1.0.0
* /

以前使用したコードと同じです.

style.cssファイルを子テーマのフォルダーにアップロードします。この時点では、style.cssファイルは空です(上記の行は別ですが、スタイルに関しては何もしません)。したがって、子テーマが親テーマのように見えることを期待しないでください。ただし、このハードルを克服するために、子テーマフォルダー内に新しい空のfunctions.phpファイルを作成し、次のPHPコードを追加することで、親テーマのstyle.cssをインポートできます。

function total_child_enqueue_parent_theme_style(){

//親スタイルシートのバージョン番号を動的に取得します(テーマを更新するときにブラウザにスタイルシートを再キャッシュさせます)
$ theme = wp_get_theme( '合計');
$ version = $ theme-> get( 'Version');

//スタイルシートをロードします
wp_enqueue_style( 'parent-style'、get_template_directory_uri()。 '/ style.css'、array()、$ version);

}
add_action( 'wp_enqueue_scripts'、 'total_child_enqueue_parent_theme_style');

親テーマの名前になるように、「合計」と書かれている場所を必ず変更してください。これにより、子テーマが親style.cssに追加されたバージョン番号を動的に更新できるようになるため、親テーマが更新されたときに、親テーマのstyle.cssファイルに変更があった場合、ブラウザーとCDN(使用している場合)スタイルシートを再キャッシュして、サイトを表示したときにCSSの問題が発生しないようにします.

子供のテーマのカスタマイズ

子テーマのカスタマイズ

楽しい部分がやって来ます。おそらく、カスタマイズを行うために子テーマを作成したので、!

  • 子テーマをカスタマイズするには、作成したstyle.cssファイルにスタイルを追加するだけです。親テーマにある対応するスタイルを上書きします.
  • テンプレートファイルを編集するには、まずそれらを子テーマにコピーしてから、そこから編集します。ただし、すべてのファイルを子テーマにコピーして変更することはできません。コピーできるのはテンプレートファイルのみです。したがって、テーマに、includes、inc、functions、またはカスタムクラスと関数を保持する他のフォルダーの特定のファイルが含まれている場合、それらをコピーして変更することができない場合があります。これらのケースでは、フィルターまたはアクションフックを使用してデフォルトの親テーマ関数を変更することを検討する必要がある場合があります。.
  • より多くの機能のために、子テンプレートにカスタムテンプレートファイルを追加できます
  • 子テーマのfunctions.phpファイルを使用してカスタム関数を追加し、親テーマまたはWordPressフィルターを利用します。親テーマのfunctions.phpファイルに新しい関数を追加しないでください!

WordPressは最初に子テーマのテンプレートファイルとスタイルを読み込みますが、何か不足している場合は、親テーマの対応するファイルを読み込みます。ああ、子のテーマは安全にフォールバックできますが、すでに言ったと思います.

以上です.


まとめると…

子のテーマは、カスタマイズと拡張性に関しては非常に強力です。さらに、それらはWordPressテーマの開発を学びたいと考えている人に良い学習の基盤を提供します。シンプルで楽しく作成でき、WordPressサイトを好きなように変えるためのオプションがたくさんあります.

以下のコメントで私たちと共有する前に、離れて設計して楽しんでください。私たちはあなたのフィードバックを愛し、大切にしています��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me