デイトラでプログラミング始めました

デイトラweb制作コース上級 archive.phpを作成

この記事では、デイトラのWEB制作コースを受講した現在の状況と、その間にどのような勉強をしてきたかを詳しくまとめています。

私はプログラミング未経験で、デイトラを始める前はプログラミングに関する知識は全くありませんでした。このコースを受講することで、本当にプログラミングができるようになるのかを自分自身で検証し、その過程を発信しています。

読んで欲しい読者
  • 未経験でもできるの?と疑問の人
  • 他の人がどんな風に勉強しているのか知りたい人
  • デイトラに興味がある人

デイトラのWEB制作コースを通じて、未経験からどのようにしてプログラミングができるようになったのか、その具体的な道のりを詳細にお伝えします。

現在デイトラWeb制作コースで月に5万円稼ぐためにプログラミングを勉強中です。

この記事を書いたのはこんな人
  • IT業界未経験でプログラミング初めてみた
  • プログラミングスクールに入って稼げるか試してみた
  • ブラック企業の社畜奴隷

archive.phpの役割

archive.phpは、WordPressテーマにおけるアーカイブページのテンプレートファイルです。このファイルは、特定の条件に基づいて記事を一覧表示するために使用されます。具体的には、カテゴリ、タグ、著者、日付などでフィルタリングされた記事のリストを表示する際に使用されます。

アーカイブページとは?

アーカイブページは、過去の記事を特定の条件に基づいて整理し、ユーザーに表示するページです。アーカイブページには以下の種類があります。

  1. カテゴリアーカイブ: 特定のカテゴリに属する記事の一覧。
  2. タグアーカイブ: 特定のタグが付けられた記事の一覧。
  3. 著者アーカイブ: 特定の著者が書いた記事の一覧。
  4. 日付アーカイブ: 特定の日付、月、年に公開された記事の一覧。

archive.phpの動作

archive.phpは、上記のいずれかのアーカイブページが表示される際に使用されます。WordPressのテンプレート階層において、より具体的なテンプレートファイル(例えば、category.phptag.phpなど)が存在しない場合に、archive.phpが使用されます。

具体的な役割と特徴

  1. アーカイブページの共通テンプレート: アーカイブページの共通の外観と動作を定義します。例えば、カテゴリ、タグ、著者、日付アーカイブのすべてに共通するレイアウトやスタイルを指定できます。
  2. 条件分岐タグの使用: アーカイブページの種類に応じて異なるコンテンツを表示するために、条件分岐タグを使用します。例えば、カテゴリアーカイブとタグアーカイブで異なるタイトルや説明を表示することができます。
  3. ループ処理: アーカイブページで記事を一覧表示するために、have_posts()the_post() を使用してループ処理を行います。これにより、フィルタリングされた記事を順番に表示します。
  4. ページネーション: 多くの記事が存在する場合、ページネーションを実装してユーザーが複数ページにわたって記事を閲覧できるようにします。

index.phpと同じ手順でarchive.phpの記事一覧を作る

「正しく作ったはずなのに、画面が真っ白だ!」という方は、テンプレート階層と表示の優先順位をもう一度確認してください。

<!-- archive.php の例 -->
<?php get_header(); ?>

<div id="content">

    <!-- アーカイブのタイトルを表示 -->
    <?php if (have_posts()) : ?>
        <header class="archive-header">
            <h1 class="archive-title">
               
            </h1>
            <div class="archive-description"><?php echo term_description(); ?></div>
        </header>

        <!-- 記事一覧を表示 -->
        <div class="archive-posts">
            <?php while (have_posts()) : the_post(); ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class('archive-post'); ?>>
                    <h2 class="archive-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                    <div class="archive-post-meta">
                        <span class="post-date"><?php echo get_the_date(); ?></span>
                        <span class="post-author"><?php the_author_posts_link(); ?></span>
                        <span class="post-comments"><?php comments_number(); ?></span>
                    </div>
                    <div class="archive-post-excerpt">
                        <?php the_excerpt(); ?>
                    </div>
                </article>
            <?php endwhile; ?>
        </div>

        <!-- ページネーション -->
        <div class="pagination">
            <?php
            the_posts_pagination(array(
                'mid_size' => 2,
                'prev_text' => __('« Previous'),
                'next_text' => __('Next »'),
            ));
            ?>
        </div>
    <?php else : ?>
        <p>記事が見つかりませんでした。</p>
    <?php endif; ?>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>