WordPress サイトの基本的な子テーマを作成する方法

公開: 2022-10-19

優れた WordPress 開発者なら誰でも、子テーマは既存の WordPress テーマを変更する最良の方法であると教えてくれます。なんで？子テーマは親テーマのすべての機能を継承し、親テーマのコードに触れることなく変更を加えることができるためです。そうすれば、親テーマが更新されたときに、変更が保持されます。子テーマの構築は比較的簡単なプロセスです。この記事では、WordPress サイトの基本的な子テーマを作成する方法を紹介します。

このチュートリアルでは、CSS3 と HTML5 を使用してレスポンシブ WordPress テーマを作成する方法について説明します。 WordPress を初めて使用する場合、テーマをゼロから開発するのは非常に簡単です。テーマが機能するためにはレスポンシブでなければならないため、作成中はいくつかのガイドラインに従うようにしてください。このチュートリアルでは、HTML5 と CSS3 を使用して最初のカスタム WordPress テーマを作成します。 HTML Web マークアップ言語の最新バージョンである HTML5 は、5 番目で最も高度な言語です。 Cascading Style Sheets (CSS) は、コンピューターを使用して表示および編集できる一連のシートです。さまざまな画面サイズで Web サイトの動作を設定できるツールが用意されています。

ライブサーバーにアップロードする前にテーマをテストする場合は、必ずローカル環境でテストしてください。 WordPress は、デスクトップサーバーと WAMP サーバーの両方で使用できます。 WAMP と Desktop Server はどちらも Windows と Mac の両方で動作するように設計されていますが、WAMP は Windows 用に設計されており、Desktop Server は Mac 用に設計されています。 3 番目のステップでは、次のコードを追加します: sidebar.php および function.php。これらのコードは、テーマが適応可能であることを確認するために挿入されます。ステップ 4 では、テーマのレイアウトを作成します。メディアクエリを使用して、ヘッダー、フッター、index.html、style.html、および Web ページのその他の部分を変更できます。

このページには PHP ファイルが必要です。これらの手順に従えば、必要なテンプレートとスタイルシートがすべて揃った、新しい WordPress テーマの準備が整っている可能性が高くなります。 footer.php ファイルは、 <html> および >body タグを含む、サイトの下位レベルを定義します。さらに、HTML5 本体、HTML5 ヘッダー、HTML5 セクション、HTML5 記事など、多数の HTML5 セマンティック要素を含める必要があります。投稿コンテンツを表示するには、不可欠なコンポーネントである WordPress ループを使用する必要があります。特に初心者の場合、WordPress テーマをゼロから作成するのは簡単ではありません。レスポンシブな WordPress テーマが必要な場合は、どのような手順を踏む必要があるかを知る必要があります。

子テーマの作成方法

子テーマを作成するには、子テーマ用の新しいフォルダーとstyle.css ファイルを作成する必要があります。 style.css ファイルには次のものが含まれている必要があります。その後、@import ルールの下にカスタム CSS コードを追加できます。

子テーマの機能は親テーマと同じですが、新しい機能を追加してカスタマイズできます。子供のテーマは親のテーマとは別に保持され、親はアクセスできません。子テーマがあると、Web サイトの更新と保守が簡単になります。さらに、上書きしてウェブサイトの外観を失うことを防ぎます。子テーマで行うことはすべて、親テーマからコピーされます。これらには、すべてのテンプレートファイル、関数、アセット、および JavaScript アセットが含まれます。ほとんどの場合、style.html ファイルに数行のコードを追加するだけです。

WordPress の子テーマを作成する最も簡単な方法の 1 つは、プラグインを使用することです。親テーマを選択するには、ドロップダウンメニューをクリックします。サイトに複数のテーマがある場合は、カスタマイズするテーマを必ず選択してください。その後、子供のテーマに名前を付けて説明を書くプロセスを完了する必要があります。このページでは、プラグインの作成者にサポートリクエストまたは生データ分析を送信することもできます。親として使用しているテーマがプレミアムまたは制限されている場合、次の手順は実行されない場合があります。 Web サイトを変更する必要がある場合は、すべての設定がバックアップされていることを確認してください。

WordPress 子テーマを作成するには、必要なすべての変更をよりパーソナライズされたレベルで行うことができます。最初に子テーマ用のフォルダーを作成します。 2 番目のステップは、子のテーマのスタイルシートを作成することです。親テーマと子テーマのスタイルシートをアップロードします。作成したディレクトリフォルダーに現在ある style.css ファイルは、次の手順で配置する必要があります。外観に移動して、手順 5 で子テーマを有効にする必要があります。子テーマを使用することは、親テーマを直接編集することを回避する効率的な方法です。

子テーマを使用すると、プログラミング言語を習得しなくても、既存の Web サイトにさまざまな変更を加えることができます。適切なホスティングサービスに加えて、ニーズに合ったサービスが必要になります。 Web サイトのパフォーマンスを優先する低コストの共有ホスティングプランについては、DreamHost 以外に探す必要はありません。

子テーマを使用することの長所と短所

子テーマを使用することには多くの利点があります。テンプレートを使用したい場合は、特定の要件を満たすようにカスタマイズするか、事前に設計されたテーマを入手できます. さらに、テーマに加えたすべての変更を 1 か所に保存することで、サイトを整理しておくのに役立ちます。
WordPress は子テーマを推奨していないかもしれませんが、強力で時間を節約できるツールであることは確かです。

子テーマとは

子テーマは、親テーマと呼ばれる別のテーマの機能とスタイルを継承するテーマです。子テーマは、親テーマを更新する機能を失うことなく、既存のテーマに変更を加えたい場合によく使用されます。

子テーマを使用する理由

子テーマを使用する利点の 1 つは、子供がより速く動けるようになることです。自分ですべてを記述する代わりに、親がバックボーンとして機能し、必要に応じて必要な変更を行うことに依存します。これは、テーマの一貫性と整理を維持するのにも役立ち、新しい機能を追加したり、既存のテーマをより簡単に変更したりできます.