Navigation

カスタムテンプレートを使って固定ページのデザインをカスタマイズする方法

📅 7月 9, 2025
👤
1 min read

概要

  • ユースケース: 固定ページのデザインをカスタマイズする際、WordPressのテーマのデフォルトテンプレートでは限界があるため、カスタムテンプレートを使用してデザインを自由に編集したい場合に必要となります。
  • 前提条件: WordPressのテーマファイルを編集できる権限が必要です。また、PHPとHTMLに基本的な理解があることが望ましいです。

サンプルコード


<?php
/*
Template Name: カスタムテンプレート
*/

get_header();

// ここにカスタムテンプレートのデザインコードを記述します

get_footer();
?>

解説

  • テンプレート名の設定: `Template Name: カスタムテンプレート`というコメントをファイルの冒頭に記述することで、WordPressがこのファイルをカスタムテンプレートとして認識します。
  • `get_header()`と`get_footer()`: これらの関数は、WordPressのヘッダーやフッターを読み込むためのものであり、通常のテーマファイルと同様に利用します。
  • カスタムデザインコード: `// ここにカスタムテンプレートのデザインコードを記述します`の部分に、HTMLやCSS、必要に応じてPHPコードを記述して、固定ページのデザインをカスタマイズします。

ベストプラクティス

  • カスタムテンプレートを作成する際は、デザインコードの可読性を高めるためにコメントを積極的に活用しましょう。
  • テンプレート名は適切かつ分かりやすく設定することで、後からファイルを見直す際に便利です。
  • デザインの変更が多い場合は、子テーマを活用してカスタムテンプレートを作成することで、将来のテーマ更新時にデザインが失われるリスクを軽減できます。

← Back to WordPress