3分ツイートシェアはてブPocketLINEタイトルの下にリスト形式で記事を紹介するカスタマイズを紹介します。人気のある記事が自動で入ります。人気記事をタイトル下に並べよう!最近はタイトルの下に人気記事をリストにして紹介している人が多いですね。サイドバーやフッターでもいいですがよりも、タイトル下の方が目に触れる機会が多いため、回遊率が上がります。Simplicityで簡単にできますので紹介します。出来上がりはこんな感じです。指定した期間の中での人気記事が自動で入ります。ここでは5記事ですが、増やしたり減らすこともできます。枠の装飾も自由に変更できます。2行以上になると文字の先頭位置がずれてしまうため、設定文字数以上は「・・・」と省略しています。Postsは、本当に便利なプラグインです。Simplicityでも使用が推奨されています。公式プラグインなので、ダッシュボードから検索してインストールしましょう。タイトル下...つまり、本文の上にウィジェットをドラッグして設定します。細かい設定は後でするのでそのままで次に行きます。Logic」もインストールしてください。これでプラグインの準備はOKです。CSSのカスタマイズ今回は、Style.CSSをカスタマイズしていきます。子テーマの使用が推奨です。子テーマのスタイルシートを開きます。この下に以下のファイルをコピペします。*/保存したら、一度ブログを開いてください。するとタイトル下に、記事の一覧がでてくると思います。デザインが、変わっていないときは、記事一覧を選択してから、右クリックで「検証」します。Postsプラグインに関する情報があります。この中でWPP-〇というところを探してください。この画像ではWPP-2となっています。それが他の数字でしたら、先ほどコピペしたCSSのWPP-〇の〇の部分をその数字に書き換えてください。全部で9箇所あります。そこを変更すると、デザインも反映すると思います。これで、CSSの設定は終わりです。Postsの細かい設定をします。▼で開くタイトル:入力してもなぜか反映しませんので、空欄でもいいです。最大表示数:人気記事をいくつ表示するかの設定です。ソート順:何順に並べるかという設定です。ファイルター:期間を設定します。以上の設定で、7日間の総閲覧数順に並べるという設定ができました。タイトルを短縮:タイトルを短縮するかどうかタイトルの長さ上限:人気記事のタイトルを何文字表示するかという設定です。(タイトルを短縮にチェックをいれてから一度ウィジェットの一番下にある「保存」をして、また開くと文字数を入れる項目がでてきます。)これ以上長いタイトルは「...で省略されます」。ブログの幅に応じて調整してください。Logic」の設定になります。Posts)をモバイル以外・・・つまりPCだけで表示することができます。Postsのウィジェット上のタイトルがなぜか表示されないので、その上にテキストでタイトルをつけます。表示されるのは「内容」の方です。以上で設定は終わりです。回遊率が上がればPVも増加します。※一部「ウェブ集客先生KENTA」様のサイトを参考にさせて頂いています。広告位置をH2前からH3前に変えるカスタマイズ【Simplicty】コピペで簡単!トップページの記事一覧を揃ったタイル表示に変えるカスタマイズ。参考になりました!設置して活用させて頂いてます。画像内にwwp-○の記述がありますが、正解はwpp-○でしたので、ご報告します。2017年10月1日はや様ご指摘ありがとうございました。修正させていただきました。今後もご愛読よろしくお願いいたします。コメントをキャンセルメールアドレスが公開されることはありません。残留農薬を落とすベジセーフの効果を検証。定番の重曹よりも強力だ...プロフィール東北地方に住む「ごまっちょ」です。生活に役立つ「ライフレシピ」をお届けします。キャラ画像付きのふきだしで会話風にするカスタマイズ。(CSS修正しました)「Simplicity」記事ごとにナビやヘッダー、サイドバーなどを非表示にするカスタマイズ【Simplicty】コピペで簡単!トップページの記事一覧を揃ったタイル表示に変えるカスタマイズ。【今週のおすすめ記事】どんなほくろが危険なの?しっかり観察してみよう...手のひらや足にできたほくろに要注意。悪性化させない...たったこれだけ!PhotoShop7をWindow...ほくろの毛は抜いても大丈夫?抜く前に知っておくこと...寝る時にでる咳を止める方法。咳が出にくい寝方を紹介...わかりにくいから解説!レゴクラシックの種類とその違...レゴを買うならおすすめ!黄色のアイデアボックス(ス...鍵穴が硬い・入りにくい時の直し方【家の鍵の場合】...手のひらのほくろ。寝る時にでる咳を止める方法。咳が出にくい寝方を紹介。アフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。