「wordpressで価格比較サイトを作ろう」を連載記事として公開したいと思います。
デフォルトのカテゴリーページはテーマのカテゴリーページが使用されるため連載っぽくなりません。
そこで今回は「価格比較サイト構築」カテゴリーのみカテゴリーページのデザインを変更したいと思います。
目次ページの作成
固定ページで目次を作ります。
見た目はこんな感じにしました。
コードは以下になります。
|
1 2 3 4 |
<img src="https://couplog.hana87.club/wp-content/uploads/camp.jpg" alt="wordpressで価格比較サイトを作ろう" width="2108" height="494" class="alignnone size-full wp-image-154" /> wordpressで価格比較サイトを構築していきます。 最終的にはユーザー任意の項目(価格等)で並び替えをできるようにしたいと思います。 [comparelist] |
注目してもらいたいのは最後の行の[comparelist]です。ショートコードを使い連載記事一覧を表示するようにしています。
このショートコードを使い回して各記事の最後にも目次を付けようという寸法です。
連載記事一覧用ショートコードの作成
funtions.phpに以下を追加。
|
1 2 3 4 5 6 7 |
function my_getcomparelist() { $val = '<br/>連載記事一覧<br/>'; $val .= '第1回 <a href="https://couplog.hana87.club/157.html">ローカルテスト環境の構築</a><br/>'; $val .= '第2回 <a href="https://couplog.hana87.club/174.html">投稿ページの作成</a><br/>'; return $val; } add_shortcode('comparelist', 'my_getcomparelist'); |
これで連載記事一覧を取得できるようにします。
アーカイブページの編集
カテゴリーページのテンプレートはarchive.phpになります。
このファイルを編集して「価格比較サイト構築」カテゴリーのみ違うデザインにします。
|
1 2 3 4 5 |
<?php if (is_category("wordpress-create")) { ?> <header class="page-header pad-container" <?php cryout_schema_microdata('element'); ?>> <?php echo apply_filters('the_content', do_shortcode(get_post(150)->post_content)); ?> </header> <?php } else { ?> |
is_category(“wordpress-create”)で「価格比較サイト構築」カテゴリーのみ連載目次ページを表示するようにします。
get_postで記事が取得できます。150というのは記事IDですが記事IDは投稿編集画面のURLで分かります。URLにpost=150とか付いているのでそこで判断します。
これでサイドバーの「価格比較サイト構築」カテゴリーを押したときに表示されるトップページが目次ページとなりました。
各記事に連載記事一覧を表示
各記事の最後に[comparelist]と書くことで連載目次を表示させます。
category-wordpress-create.phpを作成してテンプレートでやったほうがスマートかもしれませんが、とりあえずこれで固定記事をカテゴリーページのトップページにできました。
スポンサーサイト
アフィリエイトはエーハチネット
ドメイン取るならお名前.com
