テーマは、WordPressの必須コンポーネントのXNUMXつです。 これが、すべてのWordPressベースのWebサイトを外観の点でユニークにしている理由です。 WordPressテーマは、テンプレート(PHPファイル)とスタイルシート(CSSファイル)を介してWordPressWebサイトの外観と表示を制御します。

ディスカバー: WordPressにElementorをインストールする方法

つまり、WordPressテーマを作成するには、PHPとCSSの両方に習熟している必要があります。 今日、ほとんどの最新のWordPressテーマもJavaScriptを使用しています。 これにより、コーディングせずに、WordPressテーマビルダーを使用して独自のWordPressテーマを作成できるようになりました。

テーマビルダーとは何ですか?

それがこの記事で取り上げる内容です。

テーマ ビルダーまたはテーマ ビルダーは、ページ ビルダー プラグインの機能です。 この機能は通常、 ページビルダー. テーマ ビルダー機能を備えたページ ビルダー プラグインの例を次に示します。 Elementor et ディビ。

リラ Elementorでモデルをインポートまたはエクスポートする方法

テーマビルダーを使用すると、カスタムテンプレートを作成して、WordPressテーマのデフォルトテンプレートを上書きできます。 すべてのページビルダープラグインには、すべてがドラッグアンドドロップで実行されるビジュアルエディターが付属しているため、コーディングスキルは必要ありません。 ちょっとしたデザインセンスが必要です。

デザインのバックグラウンドがあればさらに良いでしょう。

WordPressテーマの一部を理解する

WordPressテーマビルダーを使用して独自のWordPressテーマを作成する前に、WordPressテーマの各部分を理解することが重要です。 一般的に、これらはWordPressテーマの一部です。

  • ヘッダ
  • フッター
  • 単一の出版物のレイアウト
  • ユニークなレイアウト
  • アーカイブページ
  • 検索結果ページ
  • ページ404

WooCommerceを使用している場合は、単一の製品ページ、製品カテゴリページ、および製品アーカイブページもあります。 これらすべてのパーツの外観は、使用するテーマのテンプレートとスタイルシートを使用して定義されます。

テーマビルダーを使用すると、カスタムテンプレートを作成して、WordPressテーマのデフォルトテンプレートを上書きできます。

ページビルダーのしくみ

あなたはそれを読んだだけです。 テーマビルダーを使用すると、カスタムテンプレートを作成して、テーマのデフォルトテンプレートを上書きできます。 使用しているページビルダーのエディターを使用して、カスタムテンプレートを視覚的に作成できます。

また発見: Elementor Pro:ロックを解除するための10の素晴らしい機能-パートI

テーマビルダーを使用する利点のXNUMXつは、表示条件機能を使用して、WordPressWebサイトの特定のページまたは投稿に特定のカスタムテンプレートを割り当てることができることです。 たとえば、次のように作成できます。 ユニークな投稿テンプレート カスタムテンプレートを特定のカテゴリの投稿に割り当てて、カスタムテンプレートを割り当てたカテゴリの投稿にのみテンプレートが適用されるようにします。

投稿の種類ごとに異なるテンプレートを作成できるので、これは素晴らしいことです。

表示条件を設定する機能により、XNUMXつのWebサイトに複数のヘッダー/フッターテンプレートを設定することもできます。これにより、さまざまなヘッダー/フッターを使用して、さまざまなページでさまざまなキャンペーンを柔軟に実行できます。

また読みます: Elementor Pro:ロックを解除するための10の素晴らしい機能-パートII

楽しい事実。 このWebサイトのすべての部分(ヘッダー、フッター、単一投稿レイアウト、404ページ、検索結果ページなど)も、builder。テーマ(Elementor)を使用して作成されました。

よりわかりやすく説明するために、次の画像を見てみましょう。

上の画像は、WordPressテーマのデフォルトヘッダーです。 エージェンシーもっと。 WordPressテーマビルダーを使用すると、カスタムヘッダーテンプレートを作成することで、上記のデフォルトヘッダーを上書きできます。 ここに例があります:

上の画像は、Elementorで作成されたカスタムヘッダーテンプレートの例です。 カスタムデザインに加えて、スティッキー効果、スクロール中のマスキングなど、より説得力のあるヘッダー動作を適用することもできます。

テーマビルダー機能を備えたページビルダープラグイン

テーマ ビルダーはページ ビルダー プラグインの機能であると説明しました。 ただし、すべてのページ ビルダー プラグインにテーマ ビルダー機能が備わっているわけではありません。 ここに 2 WordPressのプラグイン de ページビルダー テーマビルダー機能が付属しています:

1。 Elementor

Elementorは、WordPressテーマビルダーの主要なベンチマークです。 WordPress.orgの統計によると、これはWordPressで最も人気のあるページビルダープラグインであり、5万人を超えるアクティブユーザーがいます。 Elementorはフリーミアムプラグインとしてリリースされていますが、テーマビルダー機能を使用するには、プロバージョンを使用する必要があります。

テーマビルダー

Elementorのテーマビルダー機能を使用すると、次のテーマパーツのカスタムテンプレートを作成できます。

WooCommerceを使用している場合、Elementorでは次のこともできます。 独自のパーソナライズされた製品ページを作成する およびWooCommerceの他のページ。

2。 Divi Builder

Divi Builderは、ElegantThemesによって開発されたプレミアムページビルダープラグインです。 無料で使用するオプションはありません。 エレガントなテーマ自体は、DiviとExtraというXNUMXつの人気のあるプレミアムWordPressテーマの開発者です。 それにもかかわらず、Divi Builderは、DiviテーマとExtraテーマに限定されることなく、任意のWordPressテーマにインストールできます。

テーマビルダー

DiviテーマまたはExtraテーマよりもDiviBuilderを使用する場合は、Divi Builderプラグインをインストールする必要はありません。これは、これらのテーマの不可欠な部分として利用できるためです。 Divi Builderには、次のテーマパーツのカスタムテンプレートを作成できるテーマビルダー機能も付属しています。

  • ヘッダ
  • フッター
  • 単一投稿テンプレート
  • 単一ページのテンプレート
  • アーカイブページ(カテゴリとタグ)
  • 著者ページ
  • ページ404
  • 検索結果ページ

最後に

WordPress テーマを作成するには、PHP、CSS、JavaScript、および HTML に習熟している必要があります。 繰り返しますが、それは古い話でした。 ページ ビルダーの時代では、次のことが可能になります。 ウェブサイトを作成する 使用するテーマに関係なく、完全にカスタマイズされた WordPress。

ElementorやDiviBuilderなどの一部のページビルダープラグインには、アクティブなテーマのデフォルトテンプレートを上書きするカスタムテンプレートを作成できるテーマビルダーが付属しています。

Elementor Proを今すぐ入手!

まとめ

ここに ! テーマビルダーについて知っておく必要があるすべてを説明するこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...