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

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

コアポイント

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

カスタムデザインでの作業(yè)方法

各テーマには、カスタムページデザインを?qū)g裝する獨(dú)自のメカニズムがあります。 2つの主なテクノロジーがあります：

ページテンプレート

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

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

    <!-- 內(nèi)容 -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

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

ショートコード

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

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

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

通常のWordPressページには、ヘッダー、サイドバー、コンテンツ、フッターなどの複數(shù)のサブテンプレートが含まれています。まず、次の畫(huà)面を使用してWebページ構(gòu)造を見(jiàn)てみましょう。

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

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

結(jié)論

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

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

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

一方、

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

これは、最も一般的に使用され、効果的な方法です。同じショートコード設(shè)計(jì)テンプレートを使用して複數(shù)のページを作成し、関連するデータを?qū)傩预趣筏迫肓Δ扦蓼埂?

結(jié)論

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

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

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

ページテンプレート

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

ショートコード

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

結(jié)論

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

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

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

再利用可能性

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

依存癥

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

多孔性

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

使いやすい

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

全體的な結(jié)論

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

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

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

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

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

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

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

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

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

/* Template Name: 我的自定義頁(yè)面 */

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

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

。

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

WordPressのページにカスタムページテンプレートを割り當(dāng)てる方法は？

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

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

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

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

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

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

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

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

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

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

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

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

以上がWordPressページの設(shè)計(jì)：ショートコードvページテンプレートの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。