Astraテーマのブログアーカイブページに記事フィルタリング機能を追加

ブログの記事数が増えてくると、訪問者が興味のある記事をいかに素早く見つけられるかが重要な課題になってくる。アストラ・プロ ウェブサイトに便利な機能を提供 ポストフィルターこの機能により、ブログアーカイブページに直接スマートフィルターバーを追加することができ、カテゴリー、タグ、その他の条件によるコンテンツの高速フィルタリングをサポートし、コンテンツの閲覧効率とページの見栄えを向上させます。

画像[1]-アストラブログ アーカイブページ カテゴリーフィルター機能追加チュートリアル

この機能は外部プラグインに依存せず、テーマの組み込みモジュールで利用可能です。

記事フィルタリングを追加する理由

ウェブサイトのコンテンツが充実してくると、単純なページネーション表示では、訪問者が素早く情報を見つけたいというニーズを満たせなくなることがあります。記事のカテゴリー別に素早く切り替えることができ、訪問者が必要な情報を見つけやすくなる記事のフィルタリング機能は特に適しています:

  • 技術カテゴリーブログ(例:フロントエンド、バックエンド、ツールの分類)
  • ブランド情報ページ(イベント、商品、ダイナミック・カテゴリーなど)
  • 複数のテーマを扱うブログ(旅行、食べ物、写真など)
画像[2]-アストラブログ アーカイブページ カテゴリーフィルター機能の追加チュートリアル

これは、ページ構造のわかりやすさやコンテンツの検索効率の向上に非常に役立つ。

開店前の準備

記事のフィルタリングを有効にするには、以下の条件を満たす必要がある:

  • ウェブサイト利用 アストラのテーマ
  • インストールと起動 アストラ・プロ プラグイン
  • バックグラウンドで有効 ブログ・プロ・モジュール
画像[3]-アストラブログ アーカイブページ カテゴリーフィルター機能の追加チュートリアル

有効化方法:バックエンドメニューに移動する アストラ アストラ・プロ モジュール探す ブログプロ モジュールを起動する。

記事のフィルタリングを有効にする手順

  • サインイン ワードプレス 舞台裏
  • メニュー:外観 > カスタマイズ > ブログ > ブログ/アーカイブ
画像[4]-アストラブログアーカイブページ カテゴリーフィルター機能追加チュートリアル
  • 下にスクロールして ポストフィルター スイッチを入れてオンにする
画像[5]-アストラブログアーカイブページ カテゴリーフィルター機能追加チュートリアル
  • 有効にすると、カテゴリフィルターボタンがページに表示され、デフォルトの表示は記事のカテゴリ別になります。
画像[6]-アストラブログ アーカイブページ カテゴリーフィルター機能追加チュートリアル

この機能を有効にすると、訪問者はブログページ上の異なるカテゴリータグをクリックすることができ、ページは対応するカテゴリー下の投稿内容のみを表示する。

画像[7]-アストラブログアーカイブページ カテゴリーフィルター機能追加チュートリアル

スタイル設定と外観のカスタマイズ

ページ全体のスタイルに合わせるために、アストラは以下のようにパスを設定することで、投稿のフィルタースタイルをカスタマイズするオプションを提供しています:

外観 > カスタマイズ > ブログ > ブログ/アーカイブ > デザインモジュール > 投稿フィルターブロック

設定できるスタイルは以下の通り:

  • フォントスタイル
画像[8]-アストラブログ アーカイブページ カテゴリーフィルター機能追加チュートリアル
  • 背景色
画像[9]-アストラブログ アーカイブページ カテゴリーフィルター機能追加チュートリアル
  • テキストの色
  • マージン
  • 半径
画像[10]-アストラブログ アーカイブページ カテゴリーフィルター機能追加チュートリアル

これらの設定は、ブランドカラーやページ全体のスタイルに応じて柔軟に調整することができ、フィルターボタンはページデザインにより調和し、自然にフィットする。

概要

投稿のフィルタリング機能は、ブログの構造とアクセシビリティを向上させる素晴らしい方法です。フィルタリング機能は アストラ・プロ プラグインを ブログプロ モジュールを使えば、ブログのアーカイブページに簡単にこの機能を追加できます。サードパーティのプラグインや複雑な設定に頼る必要がなく、頻繁にコンテンツが更新され、複数の主題カテゴリを持つブログサイトに最適です。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス244 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし