表示確認
Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください)
※こちらのページはAMP化していません。
当子テーマでは、プラグイン「WordPress Popular Posts」を導入することで、AFFINGER4のデザインに合わせた順位付きの人気記事ランキングが表示されるようにカスタマイズを行っています。
設置は任意となりますが、設置される場合は以下の設定方法をご参照ください。
WordPress Popular Postsのインストールと設定方法
WordPressダッシュボード→プラグイン→新規追加→「WordPress Popular Posts」と検索して表示されるプラグインをインストールして有効化します。
WordPressダッシュボード→外観→ウィジェットに、「WordPress Popular Posts」という項目が追加されていますので、サイドバーの表示したい場所にドラッグ&ドロップ。
配置した項目をクリックして設定をしていきます。
各項目の設定内容
現在ご覧いただいているサンプルサイト(過去7日間の総閲覧数)での表示例です。
日本語の設定項目となっていますので詳細は割愛させていただきますが、各設定内容はお好みに応じて変更可能です。
フィルター
投稿設定
「抜粋を表示」「アイキャッチ画像を表示」にチェックを入れて、一度「保存」をクリックすると詳細が表示されます。
抜粋文の文字数はお好みで変更可能です。
統計タグの設定
全てチェックを外します。
HTML マークアップ設定
「カスタム HTML マークアップを使う」にチェックを入れて、一度「保存」をクリックすると詳細が表示されます。
それぞれの入力欄に、下記コードをコピーペーストしてください。
【タイトルの前 / 後: の左側】
1 |
<h4 class="menu_underh2"> |
【タイトルの前 / 後: の右側】
1 |
</h4> |
【投稿の前 / 後: の左側】
1 |
<div class="kanren kadomaru"> |
【投稿の前 / 後: の右側】
1 |
</div> |
【投稿の HTML マークアップ:】
1 2 3 4 5 6 |
<dl class="clearfix number"> <dt >{thumb}</dt> <dd> <h5>{title}</h5> <div class="smanone2"><p>{summary}</p></div> </dd></dl> |
※抜粋文を非表示(タイトルのみ)にしたい場合は、下記コードを削除してください。
1 |
<div class="smanone2"><p>{summary}</p></div> |