スポンサーリンク




プラグイン WordPress

【WordPress Popular Posts】人気記事を表示させる方法

更新日:

こんにちは。ゆかです。

これからWordPressサイトを作る方にもご参考になればと思ってます。WordPressの備忘録です。

今回ご紹介するプラグインは、【WordPress Popular Posts】というプラグインです。

サイドバーなどによく見かける人気記事の一覧があるかと思います。

この人気記事を表示させるプラグインを順番にご説明していきます。

【WordPress Popular Posts】インストール方法

WordPressのダッシュボードの画面にログインします。

【プラグイン】にマウスを合わせて【新規追加】をクリックします。

プラグインの追加の画面に切り替わりますので、【プラグインの検索】にプラグイン名(WordPress Popular Posts)を入力します。

検索結果にWordPress Popular Postsが表示されます。

【今すぐインストール】をクリックします。

少し待つと【有効化】に変わりますので、【有効化】をクリックします。

この画面に切り替わりましたら、インストール完了です。

続いて設定をしていきます。

【WordPress Popular Posts】のサイドバーの表示方法

ダッシュボードから【外観】にマウスを合わせて【ウィジェット】をクリックします。

ウィジェットの画面が開きます。

【利用できるウィジェット】の中にWordPress Poular Postsがあるのでそちらをクリックします。

ダッシュボードから【設定】にマウスを合わせてWordPress Popular Postsをクリックします。

【ウィジェットを追加】をクリックします。

これでサイドバーに人気記事が移動しました。

【WordPress Popular Posts】の設定方法

次にウィジェットの設定を変えていきます。

基本設定

タイトル:サイドバーの見出しになります。

『人気記事』とかだ一般的な見出しになますね。

最大表示数:記事をいくつ表示するかを選択できます。

5~10くらいが良いかと思います。

ソート順:ランキングの決め方。

総アクセス数を選ばれたら良いと思います。

フィルター

計測期間:集計の対象期間を設定します。「過去24時間」、「過去7日間」、「過去30日間」、「全期間」があります。

投稿タイプ:投稿タイプの設定をします。「post (投稿記事), page (固定ページ)」となっていると思います。

固定ページは表示する必要がない人は「post」のみでいいですよ。

除外する投稿:特定の記事を除外したい場合に記事のIDを入力します。(記事ID見方はこちらから

タクソノミー:特定のカテゴリーを除外したい場合に、カテゴリーにチェックをし、IDを入力します。または、タグに対してもチェックすると除外することができます。

投稿設定

投稿設定は、サイドバーの表示方法になります。見た目ですね。

タイトルを短縮:記事のタイトルの長さを指定した長さまでにします。

抜粋を表示:抜粋文(記事の内容の一部)を表示するかしないかを選択できます。

アイキャッチ画像を表示:記事のサムネイル画像を表示するのかしないのかを選択します。

アイキャッチ画像を表示するように選択したら、サイズを指定します。お好みのサイズに変更してみてください。

わたしは、thumbnail(150×150)にしています。

統計タグの設定

コメント数を表示

閲覧数を表示

投稿者を表示

日付を表示

タクソノミーを表示

上記のものを表示したいようであれば、チェックを入れると表示されますが、表示したくなえれば、チェックしなくても大丈夫です。

HTMLマークアップ設定

チェックを入れるとHTMLのマークアップをカスタマイズできるようになります。普通は使う機会は無いです。

これですべての設定は終わりましたので【保存】をクリックします。

CSSでカスタマイズ

わたしは、見た目をきれいに調整するために下のCSSを追加しています。

 

.wpp-list li { /* 記事ごとの枠 */
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.4em !important;
}
.wpp-post-title { /* 記事のタイトル部分 */
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.wpp-thumbnail { /* サムネイル部分 */
    padding-right: 10px;
}

 

テーマは、【Stinger Plus2】です。他のテーマをお使いの方は、ご自身のサイトに合わせて調整してください。

記事IDの確認方法

投稿一覧を表示します。

IDを知りたい投稿にマウスを合わせます。

画面の左下に出てくるURLの中の数字が投稿IDとなります。

おまけ

【設定】にマウスを合わせて【WordPress Popular Post】をクリックします。

統計情報という画面になり、そこから【ツール】をクリックします。

そこでは、リンクの開き方を設定できます。

新しいタブまたはウィンドウを選択すると別ウィンドウで開くように設定できますので、お好みで選択されてみてください。

それでは、人気記事をサイドバーに追加してみてくださいね(^^)

【お気軽にお問い合わせください】

【お気軽にお問い合わせください】

わたしは、初心者さんへワードプレスのブログ作成方法を教えたり代行作成を行っています。

 




-プラグイン, WordPress
-, ,

Copyright© 初心者のパート主婦が副業収入を得た方法! , 2019 All Rights Reserved Powered by STINGER.