検索
ホームページCMS チュートリアル&#&プレスWordPressページの設計:ショートコードvページテンプレート

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

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

コアポイント

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

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

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

ページテンプレート

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

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

    <!-- 内容 -->

<?php get_sidebar(); ?>

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

WordPress Page Design: Shortcodes v Page Templates

ショートコード

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

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

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

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

WordPress Page Design: Shortcodes v Page Templates

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

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

結論

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

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

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

WordPress Page Design: Shortcodes v Page Templates 一方、

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

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

結論

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

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

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

ページテンプレート

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

ショートコード

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

結論

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

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

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

再利用可能性

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

依存症

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

多孔性

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

使いやすい

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

全体的な結論

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

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

    サイドバーなしで3列ページを設計します
  1. ブログの広告ページをデザイン
  2. さまざまな製品とサービスのパッケージ価格を表示する価格表を設計
コメントセクションであなたの答えと理由を共有することを楽しみにしています。

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 サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
WordPressは、CMSとして使用するためにコーディングの知識が必要ですか?WordPressは、CMSとして使用するためにコーディングの知識が必要ですか?Apr 30, 2025 am 12:03 AM

WordPressを使用するためにプログラミングの知識は必要ありませんが、プログラミングをマスターするとエクスペリエンスが向上する可能性があります。 1)CSSとHTMLを使用して、テーマスタイルを調整します。 2)PHPの知識は、トピックファイルを編集して機能を追加できます。 3)カスタムプラグインとメタタグはSEOを最適化できます。 4)更新の問題を防ぐために、サブトピックのバックアップと使用に注意してください。

WordPressを使用する際のセキュリティ上の考慮事項は何ですか?WordPressを使用する際のセキュリティ上の考慮事項は何ですか?Apr 29, 2025 am 12:01 AM

tosecureawwordpresssite、soflowthesesteps:1)定期的にwordpresscore、themes、およびpluginstopatchvulnerabilities.2)usestrong、usestrong、usestrong、sonsandenabletototothentication.3)optformanagedagedwordpresshosting arehoredhoredhoredhored hosting withebapplicationfirewaal

WordPressは他のWebサイトビルダーとどのように比較されますか?WordPressは他のWebサイトビルダーとどのように比較されますか?Apr 28, 2025 am 12:04 AM

wordpressexexexexexcelsoverwebsitebuildersduetoits ffficability、scalability、andopen-sourcenature.1)それは、aversatilecmswitextensive sustomizationoptionsviathemesandplugins.2)その学習中心部のスチッピアベッタービューターフルフルフルフルフルフルフルカンセーズ。3)

2025年に開発者が使用できる5つのWordPressプラグイン2025年に開発者が使用できる5つのWordPressプラグインApr 27, 2025 am 08:25 AM

2025年のウェブサイト開発のための7つの必須ワードプレスプラグイン 2025年に一流のWordPress Webサイトを構築するには、速度、応答性、およびスケーラビリティが必要です。 これを効率的に達成することは、しばしば戦略的なプラグインの選択にかかっています。 この記事Highlig

WordPressは何のために使用しますか?WordPressは何のために使用しますか?Apr 27, 2025 am 12:14 AM

wordpresscanbeusedpurposesbeyondblogging.1)e-ocommerce:withwoocommerce、itcanbecomeafulloninestore.2)メンバーシップサイト:Pluginslikememberpressenable clusivecontentareas.3)ポートフォリオソイト:ThemeslikeasieasiestraololowStunnningStunnningStunnningStunnningStuntunnneDayOutssuntunnneaTuntunnnedrayOutuntuntuntunnnedraySuts

WordPressはポートフォリオWebサイトを作成するのに適していますか?WordPressはポートフォリオWebサイトを作成するのに適していますか?Apr 26, 2025 am 12:05 AM

はい、wordpressisexcellentforcreatingportfoliowebsite.1)itoffers numersportfolio cilems like'astra'astra'foreasycustomization.2)プラグインエレメントレメントレディングの装飾、思想的な態度環境を

Webサイトをゼロからコーディングする上でWordPressを使用することの利点は何ですか?Webサイトをゼロからコーディングする上でWordPressを使用することの利点は何ですか?Apr 25, 2025 am 12:16 AM

wordpressisadvasteousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment、2)柔軟性と吸収性、3)strongCommunitySupport、4)組み込みインセンアンドマークティングツール、5)費用対効果、6)レシュリティアップデート

WordPressがコンテンツ管理システムになっている理由は何ですか?WordPressがコンテンツ管理システムになっている理由は何ですか?Apr 24, 2025 pm 05:25 PM

wordpressisacmsduetoitseaseaseofuse、customization、usermanagement、seo、andcommunitysupport.1)ofssextensiveationization throughthemesandplugins.3)ofsiscontensiveativeizationization withintentmanagement withintententmanagement with inting ustomization.3)revisustusersandpermissions.4)拡張型を提供します

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。