WordPressページの設計：ショートコードvページテンプレート

WordPressテーマのカスタマイズ：ページテンプレートと短いコードの比較

WordPressは、その強力な機能と柔軟性を備えたWebデザインで支配的な位置を持っています。多くの驚くべきページデザインは、WordPressのテーマのカスタマイズ機能から派生しており、ページテンプレートとショートコードが重要な役割を果たしています。この記事では、これら2つのテクノロジーを詳細に調べて、ニーズに最適なテクノロジーを選択するのに役立ちます。

コアポイント

• WordPressは、主にページテンプレートとショートコードを介してカスタムページデザインを実装します。ページテンプレートは、デフォルトのトピックにカテゴリ、記事、およびページを表示するために使用されます。
• ページ全体をカスタマイズする必要がある場合、ページテンプレートを優先する必要があります。
• 複数のページに同じ設計テンプレートが必要な場合、短いコードがより効率的です。プラグインにショートコードを追加すると、テンプレートが複数のテーマと互換性があります。
• 短いコードまたはページテンプレートを選択すると、再利用性、依存関係、移植性、使いやすさなどの要因に依存します。短いコードは、トピックに依存しない複数の目的に適しています。

カスタムデザインでの作業方法

各テーマには、カスタムページデザインを実装する独自のメカニズムがあります。 2つの主なテクノロジーがあります：

ページテンプレート

デフォルトのトピックには、カテゴリ、記事、およびページを表示するために使用される特定のページタイプが含まれています。 WordPressページテンプレートを使用して、独自のページデザインを追加できます。ページの上部にあるテンプレート名を定義するだけです。次のコードには、基本的なページテンプレートが含まれています：

<?php
/*
Template Name: 我的自定义模板
*/
get_header();
?>

    <!-- 内容 -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

テンプレートを定義した後、次の図に示すように、新しく追加されたページに割り当てることができます。

ショートコード

短いコードは、複雑な機能と表示オプションを提供するショートカットとして機能する再利用可能なコードスニペットです。通常、短いコードデザインテンプレートがページエディターに配置され、必要なデータを追加または変更してカスタムデザインを生成できます。次の画像は、タブデザインを作成するための短いコードを示しています：

2つの方法には、独自の利点と短所があります。 WordPress開発者にとっての課題は、さまざまな状況に適した方法を選択することです。経験の浅い開発者は両方の手法を誤用する傾向があるため、カスタムデザインを提供するために短いコードまたはページテンプレートを選択する前に、以下を考慮する必要があります。

カスタムデザインをページに統合する方法は？

通常のWordPressページには、ヘッダー、サイドバー、コンテンツ、フッターなどの複数のサブテンプレートが含まれています。まず、次の画面を使用してWebページ構造を見てみましょう。

ページには、ヘッダー、フッター、コンテンツが含まれている必要があります。サイドバーはオプションであり、好みに応じて右または左に揃えることができます。次に、ショートコードとページテンプレートで作成されたカスタムデザインが上記のページにどのように適合するかを見てみましょう。

短いコードは、管理パネルページの作成エリアのコンテンツエディターに挿入できます。したがって、短いコードから生成されたデザインは、ページコンテンツにのみ適用されます。テンプレートファイルをカスタマイズしない限り、ショートコードを使用してヘッダー、フッター、サイドバーのカスタムデザインを作成することはできません。ページテンプレートは、トピックに個別のファイルとして配置されます。したがって、ページテンプレートファイルをカスタマイズして、上記の画面に表示される4つのコンポーネントのそれぞれに別のタイプのデザインを追加できます。

結論

ページ全体をカスタマイズする必要がある場合は、ページテンプレートを優先順位付けする必要があります。短いコードは、メインコンテンツ領域にカスタムデザインを追加するのに適しています。

データをカスタムデザインに入力します

テーマ開発者は、サンプルデータを使用してテンプレートを作成するだけで、ソースファイルを変更してユーザーに独自のデータを管理するように依頼することはできません。 WordPressは、ユーザーが管理領域を使用してデータをカスタムデザインに入力できるコンテンツ管理システムです。 WordPressは、カスタムフィールドを使用してページに動的データを追加する機能を提供します。ただし、非技術的なユーザーは、カスタムフィールドに必要なキーと値を追加することに精通していません。したがって、ほとんどのテーマデザイナーは、テーマのオプションパネルを使用して、定義済みのページテンプレートにデータを入力します。この方法の欠点は、各ページテンプレートには1つのページしかないことです。複数のページでデータを許可すると、オプションパネルが非常に複雑で処理が困難になります。以下は、ホームページにデータを入力するための例のオプションパネルです。

一方、

短いコードでデータを入力する方がはるかに簡単です。 Tinymceエディターでは、短いコードを挿入するカスタムボタンを作成できます。ボタンをクリックすると、短いコードがページエディターに配置され、必要に応じて必要に応じて短いコードを入力できます。次の画像は、カスタムデザインを生成するためのショートコードボタンを備えたコンテンツエディターを示しています。

これは、最も一般的に使用され、効果的な方法です。同じショートコード設計テンプレートを使用して複数のページを作成し、関連するデータを属性として入力できます。

結論

複数のページで同じデザインテンプレートを使用する必要がある場合、短いコードがより効果的です。

既存のテーマにカスタムデザインを追加

高度なテーマには、通常、組み込みのページテンプレートまたはカスタムページデザインのセットが含まれています。ただし、デフォルトで使用できない新しいデザインテンプレートを作成する必要があるとします。ショートコードとページテンプレートを使用した可能なソリューションを見てみましょう。

ページテンプレート

ページテンプレートとして新しいデザインを作成し、テーマフォルダーにコピーしてすぐに動作できます。各ページテンプレートは、アクティブなテーマフォルダーに配置されています。テーマを変更すると、新しいテーマにそのページのテンプレートがないため、新しいデザインページを使用してすべてのコンテンツがクラッシュします。

ショートコード

この場合、新しいデザインをショートコードとして作成し、それをテーマファイルに含める代わりにプラグインに使用することができ、複数のテーマにわたってショートコードとして使用できます。

結論

新しいデザインテンプレートが必要なときは、プラグインに短いコードを作成して、テンプレートを複数のテーマと互換性のあるものにします。

ショートコードとページテンプレートを選択する方法

前のセクションでは、短いコードまたはページテンプレートを選択する際に考慮すべき3つの異なる側面について説明しました。次に、これらのテクノロジーを効果的に使用するように、いくつかの一般的なガイドラインを見てみましょう。

再利用可能性

同じテンプレートを複数回使用する場合、短いコードがより適しています。ページテンプレートは、単一の静的ページにより適しています。ホームページ、約、連絡先などのページは、ほとんどの場合、独立したページとして使用されます。したがって、ページテンプレートはこれらのページに適しています。ショートコードテンプレートとして、サービス、ポートフォリオ、プロジェクトなどの動的ページを作成するのが最善です。

依存症

ショートコードはテーマに依存しないコンポーネントとして使用できますが、ページテンプレートはテーマとスタイルに依存しています。一般的なデザインテンプレートを作成している場合は、プラグインでショートコードとして作成して、クロステーマと互換性のあるものにしてください。

多孔性

短いコードテンプレートは、ページテンプレートよりも簡単に移植できます。ショートコードをページのどこにでも配置し、複数回使用できます。一方、ページテンプレートデザインを使用するには、完全なページが必要です。

使いやすい

ページテンプレートはトピックによって提供されます。ユーザーとして、特定のページのページテンプレートを選択するだけです。短いコードと必要なデータは、ページコンテンツエディターに配置されます。したがって、コンテンツを誤って削除する可能性は十分にあります。この場合、完全な設計を持つすべてのデータが失われます。短いコードと比較して、ページテンプレートは永続的であり、エラーが発生しやすくありません。したがって、ユーザーの観点からは、ページテンプレートの使用がより簡単で安全です。

全体的な結論

どのカスタムテンプレート設計方法が優れているかについて明確な結論はありません。ほとんどの場合、これはこの記事に記載されているさまざまな要因の組み合わせに依存します。特定の状況に注意を払い、特定の状況に最適な方法を選択する必要があります。

私の分析が、短いコードとページテンプレートの使用の違いをよりよく理解するのに役立つことを願っています。これで、次の3つのシナリオでショートコードまたはページテンプレートを選択できるはずです。

サイドバーなしで3列ページを設計します
ブログの広告ページをデザイン
さまざまな製品とサービスのパッケージ価格を表示する価格表を設計

コメントセクションであなたの答えと理由を共有することを楽しみにしています。

WordPressページデザインFAQ：ショートコードとページテンプレート

WordPressの短いコードとページテンプレートの主な違いは何ですか？

• WordPressの短いコードとページテンプレートは、異なる方法で使用されます。ショートコードは、投稿やページに挿入して、ボタン、フォーム、スライダーなどの特定の機能や設計要素を追加できる小さなコードです。一方、ページテンプレートは、WordPress Webサイトの特定のページまたはページグループのレイアウトと設計を決定するファイルです。ポートフォリオページ、ブログページ、連絡先ページなど、Webサイトのさまざまな部分の一意のレイアウトを作成するために使用できます。

WordPressでカスタムページテンプレートを作成する方法は？

• WordPressでカスタムページテンプレートを作成するには、テーマディレクトリに新しいPHPファイルを作成する必要があります。このファイルを好きなように名前を付けることはできますが、「.php」で終わるはずです。このファイルの上部には、WordPressがこのファイルをページテンプレートとして識別するために使用するコメントを含める必要があります。このコメントは次のようになるはずです：
。この後、テンプレートで使用するHTML、PHP、またはWordPress関数を追加できます。

/* Template Name: 我的自定义页面 */

カスタムページテンプレートでショートコードを使用できますか？

• はい、カスタムページテンプレートでショートコードを使用できます。これを行うには、WordPressによって提供される
関数を使用する必要があります。この関数を使用すると、PHPファイルで短いコードを実行できます。たとえば、連絡先フォームを表示するショートコードがある場合は、次のようなページテンプレートに含めることができます：

。

do_shortcode echo do_shortcode('[contact-form]');

WordPressのページにカスタムページテンプレートを割り当てる方法は？

• WordPressのページにカスタムページテンプレートを割り当てるには、テンプレートを割り当てるページを編集する必要があります。ページエディターで、右側のページプロパティボックスを探します。このボックスには、「テンプレート」とマークされたドロップダウンメニューが表示されます。このメニューをクリックして、使用するテンプレートを選択します。次に、変更を保存して、新しいテンプレートを表示するためにページを表示します。

同じページでショートコードとページテンプレートの両方を使用できますか？

• はい、同じページでショートコードとページテンプレートの両方を使用できます。ページのコンテンツに短いコードを挿入し、ページテンプレートを使用して、ページの全体的なレイアウトとデザインを制御できます。これにより、ページの設計と構築に柔軟性が高まります。
• ショートコードまたはページテンプレートを使用することの制限は何ですか？

短いコードを使用する主な制限は、ウェブサイトに多くの短いコードがある場合、管理が困難な場合があることです。テーマを変更するか、ショートコードを提供するプラグインを無効にすると、ショートコードは機能しなくなり、Webサイトに表示されます。一方、ページテンプレートはトピック固有です。テーマを変更する場合は、新しいテーマでページテンプレートを再作成する必要があります。

• コードを作成せずにカスタムページテンプレートを作成できますか？

はい、コードを作成せずにカスタムページテンプレートを作成できるWordPressプラグインがいくつかあります。これらのプラグインは、ページテンプレートの設計に使用できるドラッグアンドドロップインターフェイスを提供します。人気のあるオプションには、Elementor、Beaver Builder、Diviが含まれます。

• カスタムページテンプレートを更新するにはどうすればよいですか？

カスタムページテンプレートを更新するには、テーマディレクトリのテンプレートのPHPファイルを編集する必要があります。必要な変更を加えて、ファイルを保存します。変更は、テンプレートを使用してすべてのページに適用されます。

• ガジェットでショートコードを使用できますか？

はい、ガジェットで短いコードを使用できます。これを行うには、テキストウィジェットをウィジェット領域に追加し、ショートコードをウィジェットのコンテンツ領域に挿入するだけです。

• WordPressでショートコードを作成する方法は？

WordPressで短いコードを作成するには、テーマのfunctions.phpファイルまたはカスタムプラグインに関数を追加する必要があります。この関数は、WordPressによって提供されるadd_shortcode関数を使用して、新しいショートコードを登録する必要があります。 add_shortcode関数は、短いコードの名前と短いコード関数を定義するコールバック関数の2つのパラメーターを取ります。

以上がWordPressページの設計：ショートコードvページテンプレートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。