ワードプレスの子テーマを作成する方法—そして、なぜあなたはそれを使いたがるのでしょう

WordPressテーマを購入する場所


WordPressを使用する最大の利点の1つは、多数の既製のテーマを利用できることです。これらのテーマはすべて、ユーザーが比較的簡単にカスタマイズできます。しかし、カスタマイズ性には、メンテナンスの問題が伴います。カスタマイズを行うと、使用しているテーマが更新されるとどうなりますか。?

これは、あまりに多くのユーザーが難しい方法に対する答えを学んでしまう問題です。カスタマイズを行った後でテーマを更新すると、元のテーマファイルに加えたすべての変更が上書きされます。サイトをバックアップしませんでした(そして 変更を行う前に、必ず完全なバックアップがあることを確認してください)、その場合、そのハードワークはすべて失われます。*

この悲劇的なシナリオを回避するために、すべてのWordPressユーザーが行う必要のあることが1つあります。すべてのWordPressインストールで子テーマを作成(および使用)します。.

チャイルドテーマとは何ですか—どのように機能しますか?

WordPressの子テーマは、その機能のほとんど(すべてではないにしても)を親テーマに依存する別のテーマにすぎません。最も基本的な形式では、子テーマは、WordPressが親テーマのスタイルの代わりに表示する単なる別のCSSスタイルシートです。これにより、親テーマが更新されるたびに作成したカスタムスタイルを失うことなく、テーマを変更できます.

より複雑な子テーマには、追加の機能を含めることもできます。デザイン要素と同様に、WordPressはまず子テーマの機能をチェックします。何も見つからない場合、デフォルトで親テーマの機能になります。関数がある場合、親テーマの関数の代わりに、またはそれに加えて、子テーマの関数が使用されます.

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

この時点で、子供向けのテーマが非常に必要であると確信できたと思います。もちろん、それは彼らが何人かの人々を脅かしていないという意味ではありません。しかし、朗報があります。WordPressの子テーマは非常に簡単に作成できます。.

WordPressの子テーマの構造/階層

WordPress子テーマを手動で作成する最初のステップは、以下のテーマディレクトリにアクセスすることです wp-content / themes. これは、FTPクライアントを介して、または多くの場合、ホスティングサービスによって提供されるインターフェイスを介して行うことができます。.

次に、子テーマ用の新しいディレクトリを作成する必要があります。好きな名前を付けることができます。シンプルでわかりやすいものにすることをお勧めします。何かのようなもの テーマ名-子 うまくやるべきだ.

重要なカスタムCSSファイル(必須)

これらの2つの手順を完了したら、子テーマを定義するCSSスタイルシートを(少なくとも)追加します。これを行うには、style.cssという名前のテキストファイルを(もちろん適切なテキストエディターを使用して)作成し、次のコードをコピーしてそれに貼り付けます。

/ *
テーマ名:二十三子
テーマURI:http://example.com/twenty-thirteen-child/
説明:二十三子テーマ
作成者:John Doe
著者URI:http://example.com
テンプレート:二十一
バージョン:1.0.0
* /

@import url("../twentythirteen/style.css");

/ * =ここからテーマのカスタマイズが始まります
——————————————————– * /

上記の情報を変更して、実際に作業しているファイルを反映する必要があります。 非常に重要 このステップで「テンプレート」および「@import」セクションが正しいことを確認します. 注意:すべて大文字と小文字が区別されます!

上記の情報を調整して特定のデータを反映したら、先に進んで、提供されたスペースにCSSテーマのカスタマイズを入力し、ファイルを保存できます。. 多田! 子テーマを作成しました。おめでとう!

新しい子テーマをアクティブ化するには、作成した子テーマフォルダー(上記のCSSファイルが含まれているフォルダー)をzip圧縮し、次のようにインストールします。 外観 > テーマ 他のWordPressテーマと同じように、WordPress管理者で。または、解凍したままにして、FTPクライアントを使用してテーマディレクトリにアップロードすることもできます。.

しかし、CSSの単なるカスタマイズを超えた、もう少し複雑な子テーマを作成するとします。カスタムPHP関数を追加する方法、または実際のテーマファイルやテンプレートを変更する方法?

Functions.phpファイルの編集(オプション)

テーマのfunctions.phpファイルを編集する場合は、以下のような新しいfunctions.phpファイルを作成し、それを子テーマに追加します。この新しいファイル内の関数は、親テーマのファイルの関数を自動的に上書きします。この新しいファイルで指定されていないものは、デフォルトで元のファイルになります.

<?php
//ここにコードが入ります
?>

テンプレートファイルの編集(オプション)

PHPテンプレートファイルの編集は、CSSスタイルおよび関数の編集とは少し異なります。前の2つの例では、追加や変更を上書きするファイルを作成するだけで済みました。どちらの場合も、子テーマの新しいファイルは親テーマのファイルを補足するものでしたが、PHPテンプレートファイルの場合、元のコンテンツのすべてを子の新しいファイルに置き換える必要があります。テーマ.

これを行うには、編集するPHPテンプレートをコピーして、それを親テーマファイルで使用する子テーマファイルの同じファイルツリーの場所に配置します。 WordPressはオリジナルを完全に無視するようになり、子テーマの複製ファイルに加えた変更はすべてWordPressが実際に使用するものになります.

ただし、実際に変更を加えたいファイルのみを子テーマに追加する必要があることに注意してください。つまり、ファイルのロード全体を不必要にコピーしないでください。これは、親テーマが更新されたときに、一部のエッジケースのシナリオで、編集またはインクルードするために選択したテンプレートファイルに重要な更新がないことを確認する必要がある場合があるためです。.

だから誰もが子供のテーマを使用しないのはなぜですか?

子供のテーマを作成する必要性を単に認識していないことを除いて、本当に良い理由は 子テーマを作成/使用しない テーマファイルに変更を加えるつもりがない(開発者が作成したテーマをそのまま使用できることを意味する)か、使用しているテーマが、作成するテーマオプションに特別なインターフェイスを提供しているためです(そして保存)必要なすべての変更。多くのテーマが、CSSのカスタム変更を行うためのインターフェースを提供していることは注目に値します。たとえば、.

子テーマを使用しないもう1つの(それほど正当化できない)理由は、CSSの変更以外の変更を行う場合、ほとんど常に、少し(場合によっては多く)の方法に慣れる必要があるためです。オリジナルの親テーマが作られます。これはしばしば雑用のように感じることができます。これがおなじみのように聞こえる場合は、テーマが重要な更新を取得している場合、またはそうである場合に深海にいることになります!

お持ち帰りメッセージ

テーマを最新の状態に保つつもりである場合(これは非常に良いアイデアです)、子テーマを使用することは不可欠なベストプラクティスです。**ありがたいことに、テーマを作成するには数分しかかかりません。すでに、今がその時です!

ノート、ヒント、ヒント

視覚的な編集に苦労している場合は、CSSをオンラインで学ぶ方法に関する以前の記事を確認してください。

WordPressの子テーマの詳細については、公式のWordPress Codexを確認してください。.

*バックアップ時: バックアップの作成には多くの重点が置かれています。バックアップを使用していても、テーマを直接編集している場合は、テーマを更新する場合、新しい更新を適用する必要がある可能性が高いため、深海にいることになります。これは、その更新が新しく発見されたセキュリティホールのパッチに関係している場合に特に当てはまります。行ったさまざまな変更のすべてを何らかの方法で複製できる場合を除いて、バックアップは実際には状況から抜け出すのにそれほど役立つとは限りません!

**ベストプラクティス: それでも子テーマの使用に確信が持てない場合は、私の言葉を理由にしないでください。 WordPressの共同創設者であるMatt Mullenwegの例を見てみましょう。「子供向けのテーマとフレームワークが、WordPressサイトを構築するための唯一の方法です」—(Genesis Frameworkについて話しているときに述べた.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map