WordPressの子カテゴリのみを表示し、さらに画像付きで一覧を表示するやり方になります。
まず、カテゴリに画像をつける方法ですが、
Advanced Custom Fieldsプラグインを使った簡単なやり方がありますので、下記サイトをご参照ください。
https://monochrome-design.jp/blog/357
Advanced Custom Fieldsは、あまり使ってこなかったですが簡単だし便利でいいですね。
カテゴリに画像を追加できるようになったら以下を作成します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<ul> <?php $categories = get_categories(array( 'child_of' => '10', //親カテゴリのID 'hide_empty' =>'0', //カテゴリ内の記事が空の場合も表示 デフォルトは0 'posts_per_page' '3' //表示件数 )); foreach($categories as $category) : $cat_id = $category->cat_ID; $post_id = 'category_'.$cat_id; $catimg = get_field('cat_img',$post_id); //cat_imgは指定したフィールド名を入力 $img = wp_get_attachment_image_src($catimg, 'thumbnail'); ?> <li> <a href="<?php echo get_category_link($category->term_id); ?>"><img src="<?php echo $img[0]; ?>" alt="<?php echo $category->cat_name; ?>" /><?php echo $category->cat_name; ?></a> </li> <?php endforeach; ?> </ul> |
12行目のcat_imgをAdvanced Custom Fieldsで作成したフィールド名に変えてください。
あとは、表示させるとデザイン的に酷いのでcssで整形してください。
page.phpを作成しそのまま記述でも良いですが、ショートコードとして読み込むようにすると扱いやすいかと思います。
「スタードメイン」は、年額100円からの独自ドメイン＋無料サーバーも付いてきます。
WordPressも使えるので、練習も兼ねてお手軽にサイト運営ができちゃいます。
ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。
WordPressも使えるので、練習も兼ねてお手軽にサイト運営ができちゃいます。
ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。
関連記事
2022/09/17
ワードプレスの管理画面の投稿一覧に、最終更新日を表示させる方法です。 記事によっては何度もリライトを繰り返す場合もあります。特定の記事であれば、検索で探したり該...
2022/09/09
Wordpressの管理画面にある投稿一覧のワード検索にて、カスタムフィールドの内容をを含める方法です。カスタムフィールドを修正したいけど、記事が大量にあったり...
2022/09/03
ワードプレスのアーカイブやカテゴリーページで、特定のカテゴリーのみ並び順を変更したい場合のやり方です。 <?php query_posts($query_...
2022/08/24
ブログなどで「この記事は○年前の内容です」など表示されるのを見かけたことはありませんか？ 技術や情報系の記事では、最新の情報では無いと現在では役に立たないことも...
2022/08/08
ワードプレスのカテゴリ一覧などを任意に並び替えて表示。最終更新日を最初に表示させたい時など状況によって表示順を変えたい時の方法です。 デフォルトでは投稿日が新し...