WPサイトの特定カテゴリ内の特定タグの記事を表示 + 一覧表示

ちょっとWPでのサイト制作で悩んでしまったため、それの解決方法を自分へのメモ書きと言うことで残しておきたいと思います。


●このページの目次


1.やりたかったこと

カテゴリーページに、そのカテゴリーのおススメ商品を3つほど一番上に表示させようと考えました。

その3つは、誰でもいつでも変更できるようにします。

そして、3つのおススメ商品の下に、そのカテゴリー内の商品一覧を陳列します。

ということが今回私がしたかったことです。

問題点となるのは、「それぞれのカテゴリーでそれぞれのおススメ商品をピックアップすること」「3つの商品を自由にピックアップすること」、さらに「カテゴリー内の商品のレイアウトを3つのおススメ商品と同じレイアウトを使用する」ということでした。

2.「PHP Code」を使用した

色々方法はあるかと思うのですが、今回は「PHP Code」というプラグインを使用しました。「PHP Code」はショートコードを作成することができます。まず「PHP Code」で以下のようなコードを記述しました。

そして使用したCSSは以下のものです。

これで商品が3つ、横並びで並ぶと思います。

「posts_per_page」という所に表示させたい記事の数を入力します。
「cat」に該当するのカテゴリーの番号を入力します。
「tag」が重要で、ここに設定したタグを入力した商品が、ピックアップ商品となります。そのため、記事ページでタグを入力するところがありますが、ここに指定したタグを入力することでピックアップ商品として表示されるようになります。

次に、作成したショートコードをカテゴリーのテンプレートである「archive.php」の中に入れます。

その際「条件分岐」を使用して、任意のカテゴリーに任意の表示をさせるようにします。

3.スラッグに反応させてショートコードの中身を条件分岐させる

分かりやすく説明します。

これを記述することで、「カテゴリー1に表示させるよ」という命令となります。では何を表示させるのかというと、その下に書いてある

このショートコードを表示させるという命令になります。

ですから今回の場合は、

カテゴリー1に「PHP cpde」で作成した[php snippet=1]というショートコードの中身を表示
カテゴリー2に「PHP cpde」で作成した[php snippet=2]というショートコードの中身を表示
カテゴリー3に「PHP cpde」で作成した[php snippet=3]というショートコードの中身を表示

ということになります。

恐らくサイトを作っていて、カテゴリーは増えてくると思います。そんな時に、おススメ商品がなく、特に何も表示させない場合には、

空白にすることで、カテゴリー1,2,3以外の時は、何も表示されなくなります。

次に、例えばカテゴリー1でおススメ商品3つを表示させた後に、そのカテゴリーの商品を一覧にして下に表示させたいと考えた場合の話です。

CSSは同じものを使用しているため、デザインも同じ感じになります。

「posts_per_page」という所に表示させたい記事の数を入力します。
「cat」に該当するのカテゴリーの番号を入力します。
「tag」先ほどはお勧め商品のためのタグを入力しましたが、今回は何も記述していません。これにより全ての商品が表示対象となります。


簡単に紹介させてもらいましたが、以上のような方法で、今回の私の悩みは解決できました。

恐らくプログラマーからすると「え?そんなの簡単じゃん?じゃんじゃん?」なんて言われてしまいそうですが、プログラム素人にしては結構頑張りました。

記事のタイトルとURLをコピーする
  • このエントリーをはてなブックマークに追加

関連記事

メイン業務

ピックアップ記事

  1. 富士市岩本山富士方面下り

    2015-9-25

    ホームページが消えてしまった!いえいえ何とかなるかもしれません

    仕事柄、「ホームページが見えなくなってしまった」とか「ホームページのデータを紛失してしまった」という…
  2. 田舎のアフィリエイター WEBコンサルで海外へ

    2015-7-6

    百度(バイドゥ)は5年前のGoogle水準!? WEBコンサルで上海のSEO会社で学んだこと

    先月、仕事で中国は上海に行ってきました。 いろいろ事情があり、そのクライアントの仕事を6月をも…
  3. それ今でも通用する?SEOの「大きなワナ」

    2015-3-2

    それ今でも通用する?SEOの「大きなワナ」

    「SEO」という言葉はずいぶん昔からある言葉なのですが、時が経つにつれ、その知名度はどんどん上がって…

ホームページ制作実績

BC留学ステーション静岡

marlmarl

いろどり

いいもの市場

過払い解決

リフォームのリファイン

ページ上部へ戻る