WordPressのHTML・PHPカスタマイズとは？
WordPressはプラグインやテーマを利用することで簡単にカスタマイズできますが、より自由度の高い編集を行うにはHTMLやPHPの知識が必要になります。特に、サイトのデザインや機能を柔軟に変更したい場合、HTMLとPHPを活用することで、自分好みのレイアウトや機能を実装できます。
HTML・PHPを使うと何ができるのか？
HTMLとPHPを活用すると、以下のようなカスタマイズが可能になります。
- ヘッダーやフッターの変更：デザインの統一感を出すための編集
- 投稿ページのレイアウト変更：カスタムフィールドを使った情報追加
- ウィジェットの追加・削除：サイドバーの機能拡張
- functions.phpの活用：独自のショートコードやカスタム投稿タイプの追加
このように、HTMLとPHPを活用することで、WordPressの既存テーマをより自分好みに変更できます。
functions.phpとは？編集時の注意点は？
functions.phpは、WordPressのテーマの動作を制御する重要なファイルです。このファイルを編集することで、以下のようなカスタマイズが可能になります。
- カスタムメニューの追加
- ウィジェットエリアの拡張
- ショートコードの追加
- 管理画面のカスタマイズ
ただし、functions.phpを編集する際には、必ずバックアップを取ることが重要です。誤ったコードを記述すると、サイトが正常に動作しなくなることがあります。
WordPressのカスタマイズでよく使うHTML・PHPコード
テーマのヘッダー・フッターを編集する方法
WordPressのヘッダーやフッターは、header.phpとfooter.phpで管理されています。例えば、ヘッダーに独自のナビゲーションメニューを追加したい場合、以下のようにコードを編集します。
<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?>
また、フッターに著作権情報を追加する場合は、footer.phpに以下のコードを追加できます。
<p>© 2025 My WordPress Site. All rights reserved.</p>
このように、テンプレートファイルを編集することで、サイトのデザインや機能を自由に調整できます。
投稿一覧をカスタマイズするには？
投稿一覧をカスタマイズするには、query_posts()関数やWP_Queryクラスを使用します。例えば、特定のカテゴリの記事のみを表示する場合、以下のようなコードを使用できます。
<?php
$query = new WP_Query(array(
'category_name' => 'news',
'posts_per_page' => 5
));
if ($query->have_posts()) :
while ($query->have_posts()) : $query->the_post();
the_title('<h2>', '</h2>');
the_excerpt();
endwhile;
endif;
wp_reset_postdata();
?>
このコードをindex.phpやarchive.phpに追加することで、特定のカテゴリの記事のみを表示できるようになります。