ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマREHUB:レビューカテゴリーごとのランキングページを表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.特定のレビューカテゴリーを選択した状態でランキングページを表示させたいです。

北海道のランキングを表示するのに、まずランキングページを表示させてから「北海道」をクリックして絞り込む必要がありますが、これを「北海道のランキングページ」として表示出来るようにしたいです。

A.下記の方法で対応してください。

1. ランキングページとして設定している固定ページを編集する

当該固定ページの編集画面を開いて、ヘッダー用カスタムスクリプトに以下を入力して変更を保存します。

<script>
document.addEventListener("DOMContentLoaded", (event) => {
  setTimeout(() => {
    var searchParams = new URL(location.href).searchParams;
    if( searchParams.has("term") ){
      var targetParam = searchParams.get("term");
      var targetTab =
document.querySelector('.js-ajax-link[data-category-id="' +
targetParam + '"]');
      if( targetTab ){
        targetTab.click();
      }
    }
  }, 1);
});
</script>

2. レビューカテゴリーのIDを確認する

レビューカテゴリーの編集画面URLからIDを確認します。
例:https://サイトURL/wp-admin/term.php?taxonomy=review_category&tag_ID=○&post_type=review…(以降省略)

3. 「2.」のIDを用いて レビューカテゴリーが選択された状態のランキングページURLを確認する

ランキングページURL/?term=○(○に「2.」のIDが入ります)
のURLで、任意のレビューカテゴリーが選択された状態のランキングページを表示できます。

REHUBデモサイトのランキングページであれば、
https://demo.tcd-theme.com/tcd099/ranking/?term=○というURLです。

グローバルメニューなどからリンクさせてご活用ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事