WordPress とサイト全体の編集: 子テーマとブロック テーマの作成方法

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

WordPress 子テーマの作成

Create Block Theme プラグインは、Full Site Editing Theme を含む、ブロックの子テーマを作成する非常に簡単な方法です。 プラグインは、parts フォルダー、templates フォルダー、theme.json、および style.css を自動的に作成します。

プラグインをインストールしたら、子テーマを作成する準備が整いました。

• [外観]で、 [ブロック テーマの作成]を選択します。
• 次に、 Twenty Twenty-Two の子を作成を選択します (別のテーマを選択した場合は、そのテーマが一覧表示されます)。
• 右側に、テーマ名、テーマの説明、テーマ URI、作成者、および作成者 URI を入力します。
• 青い[生成]ボタンをクリックして、子テーマを作成します。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

子テーマは zip ファイルとしてエクスポートされます。

生成された子テーマ ファイルのスクリーンショット、2022 年 12 月

[外観] > [テーマ]で、 [テーマの追加]および[テーマのアップロード] をクリックし、生成された zip ファイルを選択します。

テーマに移動し、新しい子テーマが表示されていることを確認します。

WordPress 子テーマのカスタム イメージの作成

このプラグインの欠点の 1 つは、子テーマに screenshot.png を追加できないことと、親テーマで提供されているものを使用できないことです。

これは簡単に修正でき、子テーマに素敵なカスタム タッチを提供します。

お気に入りの画像エディターを使用して、サイズが 1200px x 900px の新しい画像を作成し、 screenshot.png という名前を付けます。

作成した子テーマのフォルダー内に、新しい screenshot.png を配置します。

WordPress 子テーマのテーマ ファイルのスクリーンショット、2022 年 12 月

テーマに戻ると、新しい画像が子テーマとともに表示されます。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

子テーマがブロック テーマに設定されたので、親テーマ ファイルをオーバーライドすることなく、 theme.jsonおよび style.css テンプレート ファイルに変更を加えることができます。

このように、親テーマは問題なく更新できます。

画像などの変更が加えられた新しい子テーマをエクスポートして、親テーマの新規インストールの子テーマとして使用することもできます。

WordPress でカスタム ブロック テーマを作成する

Create Block Theme プラグインには、独自のテーマを作成するための多数のオプションが用意されています。 現在のテーマを複製し、それをテンプレートとして使用して独自のカスタム変更を加えることができます。

変更を加えて満足したら、プラグインを使用して、行ったすべての変更を含むテーマをエクスポートして、新しいテーマを他の Web サイトで使用することができます。

さらに、現在のテーマをボイラープレートとして使用する完全に空の新しいテーマを作成できます。 これは、完全にカスタマイズされたものを作成するための優れた方法です。

完全に新しいテーマを作成するには、次の手順を実行します。

[Create Block Theme]で、 [Create blank theme]を選択します。

右側にすべての情報を入力し、名前を付けて作成者として自分の名前を追加し、 Generateを押します。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

新しいテーマが zip ファイルとしてダウンロードされます。

[外観] > [テーマ]で、新しいテーマをアップロードして有効にすることができます。

スクリーンショット.png のカスタム イメージを追加する場合は、子テーマと同じ手順を実行します。

新しいテーマをアクティブ化し、それを新しいテーマの出発点として使用します。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

パターン、ブロック、テンプレート パーツ、およびスタイル エディターを使用して、新しいテーマを目的の外観に構築します。

新しいテーマの作業が完了したら、 [外観] > [ブロック テーマの作成]に戻り、行ったすべての変更を含む新しいテーマをエクスポートします。

zip ファイルとしてエクスポートされ、新しい WordPress インストールにアップロードできます。

WordPress テーマのフォントの管理

Create Block Theme プラグインのもう 1 つの優れた機能は、テーマのフォントを簡単に追加および削除できることです。

通常、新しいフォントをテーマに追加するには、フォントをダウンロードして fonts フォルダーに追加し、 functions.phpファイルにエンキューするか、コードにGoogle リンクを追加する必要があります。

複数のフォントを追加すると、プロセスがさらに複雑になる可能性があります。

プラグインを使用すると、コンピューターのGoogle フォントとローカル フォントを、カスタム テーマまたはインストールしてアクティブ化したテーマに簡単に追加または削除できます。

Google フォントの場合は、 [Google フォントを追加]をクリックすると、ドロップダウン ウィンドウに使用可能な Google フォントのリストが表示されます。

フォントを選択し、チェックボックスをオンにしてボタンをクリックし、Google フォントをテーマに追加します。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

ダウンロードしたローカル フォントの追加も同様のプロセスです。

[ローカル フォントを追加]をクリックしてフォント ファイルをアップロードし、フォント名、スタイル、太さを入力して、ボタンをクリックしてローカル フォントをテーマにアップロードします。

WordPress ダッシュボードのスクリーンショット、2022 年 12 月

WordPress の子テーマを簡単に

Full Site EditingとCreate Block Theme プラグインを使用すると、独自のテーマとスタイルのバリエーションをこれまで以上に簡単に作成できます。

手動でファイルをエンキューしてコードを変更する代わりにプラグインを使用すると、子テーマの作成と新しいフォントの追加が簡単なプロセスになります。

パターン、スタイル バリエーション、再利用可能なブロックをプラグインと共に使用すると、エクスポートして再利用できる独自のカスタム テーマを簡単に作成できます。

テーマコードに触れる必要はありません。

その他のリソース:

• WordPress でカスタム 404 ページを作成する方法
• SEOに最適なWordPressテーマの選び方
• 高度なテクニカル SEO: 完全ガイド

主な画像：Kaspars Grinvalds / Shutterstock