My Original WordPress Child theme

Kanamii for AFFINGER C

Category-1

人気記事ランキングの表示方法

更新日:

表示確認
Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください)
※こちらのページはAMP化していません。

当子テーマでは、プラグイン「WordPress Popular Posts」を導入することで、AFFINGER4のデザインに合わせた順位付きの人気記事ランキングが表示されるようにカスタマイズを行っています。

設置は任意となりますが、設置される場合は以下の設定方法をご参照ください。

WordPress Popular Postsのインストールと設定方法

WordPressダッシュボード→プラグイン→新規追加→「WordPress Popular Posts」と検索して表示されるプラグインをインストールして有効化します。

WordPressダッシュボード→外観→ウィジェットに、「WordPress Popular Posts」という項目が追加されていますので、サイドバーの表示したい場所にドラッグ&ドロップ。
配置した項目をクリックして設定をしていきます。

各項目の設定内容

現在ご覧いただいているサンプルサイト(過去7日間の総閲覧数)での表示例です。

日本語の設定項目となっていますので詳細は割愛させていただきますが、各設定内容はお好みに応じて変更可能です。

フィルター

投稿設定

「抜粋を表示」「アイキャッチ画像を表示」にチェックを入れて、一度「保存」をクリックすると詳細が表示されます。

抜粋文の文字数はお好みで変更可能です。

統計タグの設定

全てチェックを外します。

HTML マークアップ設定

「カスタム HTML マークアップを使う」にチェックを入れて、一度「保存」をクリックすると詳細が表示されます。

それぞれの入力欄に、下記コードをコピーペーストしてください。

【タイトルの前 / 後: の左側】

【タイトルの前 / 後: の右側】

【投稿の前 / 後: の左側】

【投稿の前 / 後: の右側】

【投稿の HTML マークアップ:】

※抜粋文を非表示(タイトルのみ)にしたい場合は、下記コードを削除してください。

  • この記事を書いた人
kanami(かなみ)

Kanami(かなみ)

WordPressダッシュボード→ユーザー→「あなたのプロフィール」に必須事項を入力後、記事下のプロフィールは「AFFINGER4」管理にて、サイドバーのプロフィールは、外観→「ウィジェット」、見出しと枠線のカラーは、外観→カスタマイズ→オプションカラー→「サイト管理者紹介」で設定することができます。

ランキング機能について

ランキング機能は、ページ別またはサイドバーに任意で表示・非表示の設定ができます。(AMPページには表示されません)
詳細設定は、WordPressダッシュボード→「ランキング管理」
ボタンや背景色などのカラーの設定は「ランクCSS管理」で行います。

【当サンプルサイトでのカラー設定の一例】
  • オリジナルリンク背景色:#d6adef
  • シャドウカラー:#c182e7
  • アフィリエイトボタン背景色:#eebabb
  • シャドウカラー:#e49193
  • ランキングタイトル吹き出し背景色:#8dbee7
  • ランキング一覧背景色:#fff1f5

WordPressテーマ「AFFINGER4」

「AFFINGER4」は、アフィリエイトサイトはもちろん、個人ブログ・会社やお店のホームページ作成にも適したイチオシのWordPressテーマ。複数サイトへの利用も可能です。
※現在は販売停止となっています。(AFFINGER5「WING」には対応していません)

写真素材なら「写真AC」

「写真AC」は、サイト作成の際のヘッダー画像やアイキャッチ画像におすすめの素材サイトです。
無料会員登録で1日9点までのダウンロードが可能。
ダウンロード数無制限のプレミアム会員の選択もできます。

-Category-1

Copyright© Kanamii for AFFINGER C , 2024 All Rights Reserved Powered by AFFINGER4.