WordPress子テーマの作り方(初心者ガイド)

子テーマとは、他のWordPressテーマから機能を継承したWordPressテーマのことです。多くの管理者は、現在使用しているテーマの子テーマを作成することで、テーマの更新時に更新前の設定を失うことなく、安全にウェブサイトのデザインをカスタマイズすることができます。

画像[1]-WordPressサブテーマの作り方(初心者ガイド) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

サブテーマはどのように機能するのか?なぜ必要なのか?

子テーマは、別のWordPressテーマのすべての機能、特徴、スタイルを継承します。子テーマを作成する場合、元のテーマを親テーマと呼びます。

継承は親テーマのstyle.cssファイルで構成され、テーマの主要なスタイルを定義します。子テーマは、独自のファイルを追加するか、既存のファイルを修正することで、継承されたプロパティをオーバーライドまたは拡張できます。

子テーマをインストールしなくてもWordPressテーマをカスタマイズすることは可能ですが、いくつかの理由で子テーマが必要になる場合があります:

  • 子テーマは、テーマのアップデート中にカスタム設定が上書きされないように保護します。親テーマが直接変更された場合、これらの微調整は更新中に失われる可能性があります。
  • 子テーマは、ステージング環境に似て、サイトのオリジナルテーマを台無しにすることなく、安全に新しいデザインや機能を試すことができる。
  • 子テーマは、コードの書き方を知っていれば、開発プロセスをより効率的にすることができる。子テーマのドキュメントは親テーマのそれよりもずっとシンプルです。親テーマの変更または拡張したい部分のみを修正することに集中できます。

WordPressの子テーマを作成する前にすべきこと

多くのWordPressユーザーが技術的な内容を研究しているのを見かけますが、エラーが発生すると頭痛の種になります。私たちも遭遇したことがあるので、この気持ちはよくわかります。だからこそ、子テーマを作成する前に何が起こるかを知っておくことが重要なのです。

ガイドを続ける前にやっておくことをいくつか紹介しよう:

  1. コードの使用に注意してください。最低限、HTML、CSS、PHP、JavaScript(オプション)の基本的な理解は、どのような変更が必要かを理解するために必要です。これはWordPressテーママニュアル詳しくは
  2. 希望のサイトデザインと機能を備えた親テーマを選ぶ。可能であれば、わずかな変更で済むテーマを探しましょう。
  3. テーマ開発には、ローカルサイトまたは実験サイトを使用する。
  4. ウェブサイトのデータをバックアップすることは非常に重要なステップです。

既存のテーマから子テーマを作成する方法は複数ある。ひとつは手作業でコードを書く方法、もうひとつはプラグインを使う方法です。

技術的な経験がない場合、最初の方法は難しく感じるかもしれない。とはいえ、たとえプラグイン方式我々は次のことを推奨する。マニュアルの読み方プロセスや関連文書に慣れること。

方法1:プラグインを使って子クラシックテーマを作成する

初心者に最適な使い方の1つ。子テーマ設定ツールプラグイン。このWordPressプラグインを使用すると、コードを使用せずにWordPressの子テーマをすばやく作成し、カスタマイズすることができますが、クラシックな(非ブロック)テーマでのみ動作します。

WordPressプラグインをインストールし、有効化することから始めます。有効化したら、WordPressダッシュボードの「ツール" ""サブトピック"".

で "父/子"タブをクリックすると、アクションの選択を求められます。単に"新しいサブトピックの作成"で始める。

画像[2]-WordPressサブテーマの作り方(初心者ガイド) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

次に、ドロップダウンメニューから親テーマを選択する。私たちはHestiaテーマを選択します。

その後、"分析済み"ボタンは、テーマが親テーマとして使用するのに適していることを確認します。

画像[3]-WordPressサブテーマの作り方(初心者ガイド) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

次に、システムは子テーマを保存するフォルダの名前を尋ねます。任意のカスタムフォルダ名を使用できます。

以下では、新しいスタイルを保存する場所を選択する必要があります:メインのスタイルシートまたは別のスタイルシート。

マスタースタイルシートは子テーマに付属するデフォルトのスタイルシートです。このファイルに新しいカスタムスタイルを保存すると、子テーマのマスタースタイルが直接変更されます。各修正は元のテーマのスタイルを上書きします。

separateオプションを使用すると、新しいカスタム・スタイルを別のスタイルシート・ファイルに保存できます。これは、オリジナルのテーマのスタイルを上書きせずに保持したい場合に便利です。

デモでは、最初のオプションを選択します。しかし、子テーマのカスタマイズでより創造的になるにつれて、自由にこのプロセスを繰り返し、2番目のオプションを選択してください。

画像[4]-WordPressのサブテーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

リストの下に移動して、親テーマのスタイルシートへのアクセス方法を選択する必要があります。

デフォルトの"WordPressスタイルキューを使う「プラグインが自動的に適切なアクションを決定するようにします。

画像[5]-WordPressサブテーマの作り方(初心者ガイド) - Photonflux.com|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ステップ7に進んだら、""ボタンをクリックしてください。クリックしてサブトピックのプロパティを編集する「ボタンをクリックする。

その後、サブトピックの詳細を記入することができます。

画像[6] - WordPressの子テーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

子テーマを手動で作成する場合、親テーマのメニューとウィジェットは失われます。子テーマ設定ツールはそれらを親テーマから子テーマにコピーすることができます。これを行いたい場合は、ステップ8でチェックボックスをオンにします。

最後に「」をクリックします。新しいサブトピックの作成"ボタンをクリックして、新しい子テーマを作成してください。

画像[7] - WordPressの子テーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

プラグインは子テーマ用のフォルダを作成し、後にテーマをカスタマイズするために使用されるstyle.cssとfunctions.phpファイルを追加します。

テーマを有効にする前に、画面上部のリンクをクリックしてプレビューしてみてください。

画像[8]-WordPressサブテーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

問題がなければ、「」をクリックする。起動と解除「ボタン

これで子テーマが稼動する。

この段階では、子テーマの外観と機能は親テーマとまったく同じです。

画像[9]-WordPressサブテーマの作り方(初心者ガイド) - Photonflux.com|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

方法2:プラグインを使ってサブブロックテーマを作成する

ブロックテーマを使用している場合、WordPressはCreate Block Themeプラグインを使用して簡単に子テーマを作成する方法を提供します。

まず、WordPressプラグインをインストールし、有効化する。その後外観」はブロックテーマを作成する。

ここで、「[テーマ名]の子テーマを作成」を選択するだけです。この例ではTwenty Twenty-Fourを使用します。

このオプションを選択した後、被写体の情報を入力します。

画像[10]-WordPressサブテーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

以下では、他と差別化するためにテーマのスクリーンショットをアップロードしたり、画像ソースを追加したり、WordPressの必須プラグインにリンクしたり、テーマタグを追加したりなど、さらに多くのことができる。

コンフィギュレーション設定が完了したら、下までスクロールして"生成「ボタン

画像[11]-WordPressサブテーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

プラグインは新しい子テーマのzipファイルを作成し、あなたのコンピュータにダウンロードします。

それを開くと、3つのファイルが表示される:readme、style.css 歌で応えるテーマ.json.

theme.jsonファイルは、色、フォント、レイアウトなど、ブロックテーマのすべての側面を定義します。プラグインはデフォルトでこのファイルを作成し、後で子テーマで親テーマのスタイルを上書きしたり拡張したりできるようにします。

この段階で、次にやるべきことは外観」テーマ.

その後、"新しいトピックを追加 ".

画像[12]-WordPressサブテーマの作り方(初心者ガイド) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

次に、" を選択します。トピックのアップロード".

次に、zipファイルを選択し、"今すぐインストール「をクリックしてWordPressテーマをインストールする。

画像[13]-WordPressサブテーマの作り方(初心者向け) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速対応

お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし