バックエンド

WordPressでアーカイブページをカスタマイズする方法!

WordPressでアーカイブページはどうやって設定するの?

ナカイ君: WordPressでアーカイブページ(archive.php)の設定方法をわかりやすく知りたいんだけど。

世界のアオキ: OK、WordPressでアーカイブページを設定するには、テーマディレクトリ内の「archive.php」ファイルを編集するんだ。これは、カテゴリーやタグ、著者など、さまざまなアーカイブを表示するためのデフォルトのテンプレートファイルになるよ。

ナカイ君: もっと具体的に教えてくれない?

世界のアオキ: そうだね。アーカイブページでは、そのアーカイブに含まれる投稿のリストを表示するんだ。WordPressのループを使用して、投稿のタイトルや抜粋などを表示させることができるよ。

わかりやすいコード例

ナカイ君: わかりやすいコードがあれば教えてほしいな。

世界のアオキ: もちろんだよ。こんな感じの基本的なコードを使うんだ。

<?php get_header(); ?>

<h1><?php the_archive_title(); ?></h1>
<?php the_archive_description(); ?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <div><?php the_excerpt(); ?></div>
<?php endwhile; endif; ?>

<?php get_footer(); ?>

これで、アーカイブページにアーカイブのタイトル、説明、そしてそのアーカイブに含まれる投稿のタイトルと抜粋が表示されるよ。

具体的にどう使うの?

ナカイ君: 具体的にはどうやって使うの?

世界のアオキ: 上で示したコードを、「archive.php」ファイルに書き込むんだ。これがアーカイブページの基本的な構造になる。さらに、特定のカテゴリーやタグごとに異なるテンプレートを用意したい場合は、「category-〇〇.php」や「tag-〇〇.php」のようなファイルを作成することもできるよ。

ナカイ君: 他のパターンがあれば教えてほしいな

世界のアオキ: 了解だよ。たとえば、特定のカテゴリーだけ特別なスタイルを適用したい場合、そのカテゴリーのIDやスラッグに基づいたテンプレートファイルを作成するんだ。これにより、そのカテゴリーのアーカイブページだけがカスタマイズされるんだよ。

ナカイ君: そうやって使えばいいんだね。

世界のアオキ: そうなんだよね。ただし、テーマをカスタマイズするときは、子テーマを使うことをお勧めするよ。これにより、テーマが更新されても、カスタマイズした内容が失われないからね。

ナカイ君: わかった、ありがとう!

まとめ

WordPressでアーカイブページをカスタマイズするには、「archive.php」ファイルを編集します。基本的なWordPressループを利用して、アーカイブに含まれる投稿のタイトルや抜粋を表示させることができます。

さらに、特定のカテゴリーやタグに対してカスタマイズしたい場合は、専用のテンプレートファイルを作成することで、より詳細なカスタマイズが可能です。

ナカイ君のように、一歩ずつトライしてみれば、自分だけのオリジナルなサイトを作り上げることができるようになりますよ!


関連記事一覧 (一部広告あり)

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

アーカイブ

  1. データベース

    MySQLの講座をリリースしました
  2. オンライン教材

    ChatGPTをビジネス活用する講座をリリースしました【Udemy】
  3. 生成AI

    Dify講座をリリースしました【非エンジニア向け】
  4. バックエンド

    【Laravel第4弾】Vue.js3(CompositionAPI+Scrip…
  5. オンライン教材

    【ChatGPT】エンジニア編をリリースしました
PAGE TOP
Ads Blocker Image Powered by Code Help Pro

広告ブロックを摘出しました!!

ブラウザ拡張を使用して広告をブロックしていることが摘出されました。

ブラウザの広告ブロッカーの機能を無効にするか、
当サイトのドメインをホワイトリストに追加し、「更新」をクリックして下さい。

あなたが広告をブロックする権利があるように、
当方も広告をブロックしている人にコンテンツを提供しない権利と自由があります。

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock