並べ替え可能なアーカイブページの作成

アーカイブページ(カテゴリーページ)で並び替えを実現したいと思いますのでカスタム投稿タイプ用のアーカイブテンプレートを作成します。

アーカイブテンプレートの作成

archive.phpをコピーしてarchive-camp.phpに名前を変更します。
基本的なサイト構造は維持して作りますので以下のように変更しました。

これが実際にはこう表示されます。
カテゴリーテンプレート
とここまで進めて思ったのですが、本来はこのあと並び替えボタンを用意してGETパラメータを使って並び替えを実行しようと思ってたのですが、よく考えたらこの時点でjQueryを使ってソートテーブル化してしまえばいいことに気づきました…

Table Sorterの導入

プラグイン検索からTable Sorterを導入しました。
コードをテーブルソーター用に変更します。

テーブルがソート可能になりました。
テーブルソーター
並べ替えはとりあえずこれでよしとしましょう。

wordpressで価格比較サイトを作ろう
第1回 ローカルテスト環境の構築
第2回 投稿ページの作成
第3回 並べ替え可能なアーカイブページの作成
第4回 カスタムフィールドの項目で記事を絞り込む
第5回 カスタムフィールドの値を表示する
第6回 口コミの追加
最終回 テスト環境から本番環境へ移行


スポンサーサイト
Javaが使えるレンタルサーバー<1stRentalServer>
アフィリエイトはエーハチネット
ドメイン取るならお名前.com
The following two tabs change content below.
KG

KG

サーフィン、キャンプからプラモデル製作まで、多趣味なアラフォーです。システムエンジニアをやっています。Webデザインは専門外ですがwordpressにハマり中。WPカスタマイズや日常のことを書いていきたいと思います。

コメントを残す

メールアドレスが公開されることはありません。