ページ

WordPress Popular Postsを設定、人気記事をサイドバーに表示する。

スポンサードリンク


 有名なプラグインです。
便利なので私も使っています。

WordPress Popular Postsの設定から、カスタマイズまで。

WordPress Popular Postsプラグインをインストール


 インストールして有効化をまずして下さい。

色々な設定ができます。


WordPress管理画面→

設定→

WordPress Popular Posts→

Stats→

ここで、
24時間以内のランキングなのか、7日間のランキングなのか、
等を選べます。


Tools→

Thumbnailsの設定です。

私はデフォルトのサムネイルは、
アイキャッチを設定していない時に記事一覧に表示されるものと同じにしました。

好きな画像で構いません。


 Pick image from:については、
アイキャッチ画像がある時はそれを使って欲しいので、

Featured image(アイキャッチ画像)

を選びます。


 Dataについて。

Log views from:Everyone

つまりサイトを見に来た人全員のアクセス数で
ランキングをつけます。


その他詳しい事はこちらのサイトでどうぞ。

WordPress Popular Posts で人気記事を表示する方法
http://bazubu.com/how-to-add-popular-posts-23487.html

WordPress Popular Postsウィジェットの設定


 管理画面→

ウィジェット→

WordPress Popular Postsをサイドバーにドラッグ→

見出しタイトル、
表示数、

Sort posts by:Total views(累積閲覧数)

Post type(s):post(投稿ページ)

と設定しました。


 Posts settings→Display post thumbnail
のみチェック。

大きさは100×100pxにしました。


 HTML Markup settings→

テーマのテンプレートに合わせたい時は、
Use custom HTML Markupにチェックを入れます。


 ざっと載せておきますが、意味が分からない方は、
この部分は割愛して下さい。

ちなみに私の使用するテーマはStinger5です。


Before / after title: <h4 class="menu_underh2">  </h4>

Before / after Popular Posts: <div id="kanren">  </div>

Post HTML Markup:

<dl class="clearfix">
  <dt>{thumb}</dt>
  <dd>
    <h5>{title}</h5>
    <p>{stats}</p>
  </dd>
</dl>


参考にしたサイト

【STINGER5カスタマイズ】WordPress Popular Postの表示をSTINGER5と同じにする
http://smart-phone.783783783.com/2014/10/02/stinger5-customize-popular-post/

WordPress Popular PostをStinger5と同じ表示にカスタマイズ
http://dmgadget.info/wordpress-popular-posts-stinger5/


 これでStinger5の雰囲気と同じ感じになりました。
後はCSSで微調整して下さい。


 最後、

「保存」

をクリックして、完成です。


 プラグインを追加して、
カテゴリ別のランキングを表示させる事もできます。

詳しくは私のこちらの投稿をどうぞ('ω')ノ

人気記事をカテゴリー毎に表示してくれるWPP Plus Widgeプラグイン。サイドバーに追加。

さらにWordPress Popular Postsカスタマイズ


 他、色んなカスタマイズがあります。

例えば、投稿内に呼び出す事ができます。
ショートコード化するそうです。

WordPress Popular Posts ショートコードで人気ランキングを表示する
http://wp.kikuchisan.net/wpp-shortcode.html

パラメータも載っているので、
やってみたい方はどうぞ。


 他には、

WordPress Popular Postsで今見てるカテゴリと同じ人気記事を表示させ、それ以外のページではブログのランキングを表示する方法
http://mama-hack.com/popular-posts


こんなカスタマイズもありますよ。

注意点は、CSSがお使いのテーマとは変わってしまいます。
調整等できるという方であれば、チャレンジしてみて下さい。

私はCSS調整が面倒になり断念しました。
本当はやってみたいところ。



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク




・ツイート


・Google+1


・夜中にも出現します(-_-)zzz


・メルマガは3時のおやつ時
フィード登録

2016年1月15日

スポンサードリンク