今回は、WordPressオリジナルテーマの作り方【第13回】月別アーカイブページ編となります。
WordPressオリジナルテーマの作り方は、当記事を含め以下の記事があります。
WordPressオリジナルテーマ制作の記事
ブログではサイドバーによくある、こういうやつですね。
月別アーカイブ
今回は、このリストを表示する方法と、そこから遷移する月別アーカイブページの作り方を解説していきます。
また、記事の最後にはWordPressのおすすめ教材をご紹介させて頂きます。
（有料になっていたらすいません🙇♂️）
WordPressオリジナルテーマ：月別アーカイブページ編
冒頭でも書いた通り、今回は大きく分けて2つのことを解説していきます。
- 月別アーカイブリストを表示する方法
- 月別アーカイブページを作る方法（date.phpを使用）
それでは順番に解説してきます。
月別アーカイブリストを表示する方法
これは表示させたい箇所にこれから紹介するコードを貼ればOKですが、方法はいくつかあります。
月別アーカイブリスト
<ul class="monthly-list">
<?php wp_get_archives( 'post_type=post&type=monthly&show_post_count=1' ); ?>
</ul>
月別アーカイブリスト（ドロップダウン）
<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option disabled selected value>アーカイブ</option>
<?php wp_get_archives( 'type=monthly&format=option&post_type=post&show_post_count=1' ); ?>
</select>
年別アーカイブ
月別ではなく年別にしたい場合は、monthlyをyearlyにすればOK。
記事数を非表示
記事数を表示させたくない場合は、show_post_count=1をshow_post_count=0にすればOKです。
月別アーカイブページを作成（date.php）
月別アーカイブページに使用するのは、『date.php』というテンプレートになります。
そしてこちらのコードを書きます（全体を囲むmainタグやarticleタグなどは適宜追記して下さい）
<?php get_header(); ?>
<h1>
月別アーカイブ
</h1>
<ul>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>">
<time datetime="<?php the_time('Y-m-d'); ?>">
<?php the_time('Y年m月d日'); ?>
</time>
<?php the_title(); ?>
</a>
</li>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
<?php endif; ?>
</ul>
<?php
the_posts_pagination( array(
'mid_size' => 1,
'prev_text' => '',
'next_text' => ''
) );
?>
<?php get_footer(); ?>
表示件数を変更
表示件数は特に指定しない場合、管理画面の『設定 → 表示設定 → 1ページに表示する最大投稿数』になります。
そこで、以下のコードを『functions.php』に追記すれば件数を変更できます。
function my_pre_get_posts( $query ) {
if ( is_admin() || !$query->is_main_query() ) {
return;
}
if ( $query->is_date() ) {
$query->set( 'posts_per_page', 10 );
}
}
add_action('pre_get_posts','my_pre_get_posts');これは10件表示の場合になります。
WordPressオリジナルテーマ制作のおすすめ教材
勉強方法は書籍、動画、プログラミングスクールなど色々あり、個人によって向き不向きがあると思います。
そこでタイプごとにご紹介させて頂きたいと思いますが、その前におすすめの勉強方法は以下になります。
- 分かるところまでどんどん進める
- 勉強に詰まる
- 無視して次に進む or 他の教材などを使う
- もう一度詰まった場所を見てみる
- 理解できるようになっている
これからご紹介する教材と一緒にこのブログを読み進めて頂けると、より理解が深まるかと思います。
書籍
WordPressに関する本も沢山ありますが、ここでおすすめするのは2冊です。
いちばんやさしいWordPressの教本
こちらは以前私が持っていた本で、タイトル通りやさしいというかWordPressを1から勉強したい人向けの内容となっています。
Lightningという無料のWordPressテーマを使った制作方法など載っています。
ちなみにLightningを使ったサイト制作についてはこちらのブログでもご紹介しています。
初心者からちゃんとしたプロになる WordPress基礎入門
こちらは私も個人的にお世話になっているちづみさんが書かれた本になります。
WordPressの本はこれまで何冊か購入しましたが、ダントツで読みやすいです。
ちなみに私が初めてにして唯一購入したコーディング教材がちづみさんのnoteでした。
また、初心者から実務経験者まで活用出来る非常におすすめの本となっています（電子書籍で購入しました）
動画教材
WordPressを動画で学びたい人はこちらの教材がおすすめです。
本と違って動画だと手を動かしながら確認出来るのでいいですね。
こちらはUdemyの有料教材ですが、かなりの頻度でセールを行っていて90%オフとか良くあるので出来ればそのタイミングを狙いましょう（私はセール時に購入しました）
『WordPressの動画教材と言えばコレ』というくらい有名な教材で、私を含め周りでも購入している人がたくさんいます。
もちろんUdemyはWordPress以外の教材もたくさんあるので、気になる教材がセールをやっていたら購入を検討しても良いかも知れませんね。
プログラミングスクール
プログラミングスクールも色々ありますが『Web制作に特化したスクール』であればデイトラ一択かと思います。
開校1年で受講生が7,000人を突破したオンラインスクールで、スクールと言ってもオンラインなので自宅で受講することが出来ます。
WordPressのカリキュラムは『Web制作コース上級編』にあります。
デイトラはTwitterをやっていれば分かりますが、悪い評判は見たことがなく、叩かれやすいWeb制作業界において非常にクリーンなイメージです。
カリキュラムの質が高いのはもちろん、他のスクールと比べて圧倒的なコスパかつ買い切りとなっています。
そしてカリキュラムはどんどん更新されるので『情報が古い』ということもなく、メンターに質問が出来る点も独学だと挫折しやすいWeb制作の勉強においてはおすすめです。
私の周りも『Web制作を始めるならまずデイトラを勧める』という人も多いです。
デイトラについては以下の記事を参照下さい。
-
デイトラのサービス内容・コース料金・評判・口コミをまとめて紹介【Web制作におすすめのスクール】
続きを見る
また、
という人は、完全無料で30日間Web制作を学べるZeroPlus Gateがおすすめです。
-
ZeroPlus Gateの評判と特徴やメリットを解説【無料プログラミングスクール】
続きを見る
他にもDMM WEBCAMPやテックアカデミーにもWordPressコースがあるので、まずは無料相談を受けてみるといいと思います。
-
DMM WEBCAMPの評判・口コミ・注意点など徹底解説【未経験者向けプログラミングスクール】
続きを見る
-
テックアカデミーの評判・口コミ・注意点など徹底解説【プログラミングスクール受講者数No1！】
続きを見る
初心者向け実践型WordPress教材
これはBrainという知識共有プラットフォームで販売されている教材になります（👇画像クリック出来ます）
こちらは学習面以外にも制作会社とのやり取りの流れや、特典では『作業前・納品前のチェックシート』『営業文のサンプル』『見積もり計算シート』など『実務に対する不安を払拭できる内容』となってます。
LP1本のコーディング費が安くても3万円くらいだと考えれれば、軽く1日で回収出来るので早めに『安心』を購入しましょう。
詳細はこちらからどうぞ👇
今だけ！購入者限定の10大特典付き🎁
実務で使った2年分のコーディング&WordPressメモまとめ集
これは私が販売しているものですが『教材』ではなく『コード集(コードスニペット集)』という感じです。
こちらは、1,100部以上売れています。
詳細については以下の記事を参照ください（Brain販売ページと重なる内容もあります）
-
初心者向き教材！コーディング&WordPressコードスニペット集【コピペで使える】
続きを見る
まとめ
今回は、月別アーカイブページを作る方法を解説しました。
あまり実装する機会はないかも知れませんが、作れるようになっておきましょう。
以上になります。
