2016年8月15日

人気投稿ランキングページ作る。投稿や固定ページに掲載。人気ランキング記事を一覧に。

スポンサードリンク

 WordPress Popular Posts は便利なプラグインです。
WordPressを使っている方はよく利用していますね。

今日は、サイドバーじゃなく、投稿や固定ページにランキングを載せる方法。

ショートコードで人気投稿ランキングをページに載せる


 ブログの入力画面や、
固定ページ入力画面にそのままコードを載せるだけ。

とても簡単に、WordPress Popular Postsの
ランキングページを作成できます。


 掲載する内容やCSSのカスタマイズは必要です。
ある程度、ブログ制作に慣れている人なら問題なくできるでしょう。

中級者レベルくらいかなぁ。
私はちょっとむずかしかったけど出来ました。


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

またWordPress Popular Posts を使用している事が前提。

以前の私の投稿を参照して下さい。


  1. WordPress Popular Postsを設定、人気記事をサイドバーに表示する。
  2. 人気記事をカテゴリー毎に表示してくれるWPP Plus Widgeプラグイン。サイドバーに追加。

人気投稿ランキングを呼び出すショートコード


 ではショートコードをお知らせ。
以下のコードを、投稿編集画面に貼り付けます。
固定ページ編集画面でもOKです。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


[wpp range="weekly" order_by="views" limit=10 post_type="post" cat="カテゴリIDを入力" thumbnail_width="100" thumbnail_height="100" stats_comments=0 stats_views=1 stats_author=0 title_length=50 excerpt_length=70 wpp_start="<ol>" wpp_end="</ol>"
post_html="<li>{thumb}<h3>{title}</h3><p>{stats}</p><br/></li>"]



以上です。

カテゴリ別人気記事一覧ページのパラメータについて


range="weekly" 期間です。
全期間なら"all"です。
daily,monthlyもあります。


order_by="views"
はview数順でランキングにするという意味。


limit=10
は掲載する投稿数。


post_type="post"
は投稿のランキングを一覧に出すという意味。
ページもランキングに入れたい方は
,page を追加しても構いません。


cat="カテゴリIDを入力"
は、カテゴリーIDを指定できます。
好きなカテゴリーの投稿だけをランキング一覧にできます。

特定カテゴリを逆に除外したいときは、
数字の前に「-」をつけるだけ。


stats_views=1
の1がview数を表示するという意味。
不要なら0にします。


stats_author=0
は著者名を非表示。
複数人でブログを作っている場合など、表示するときは1に。


title_length=50
はタイトルの文字数。
デフォルトは25です。


excerpt_length=70
は抜粋文の文字数です。


wpp_start="<ol>" wpp_end="</ol>"
は、リスト形式を1,2,3…と順番がつくようにする為。

ランキングなのでこの方が分かりやすいですね。

デフォルトでは<ul>形式になるようです。

カテゴリ別人気記事一覧ページのhtmlについて


post_html="ここ"

ここ、に記入していきます。


{stats}

は、パラメータに合わせて必要な情報を表示します。
view数も表示されます。


抜粋を表示させたい時は

{summary}

を追加して下さい。


著者名は

{author}

です。


リンク無しのサムネイル画像が良い時は

{thumb_img}

です。


タイトルは

<h3>{title}</h3>

のように、h3で囲っています。
h4でもh2でも良いです。

不要なら<h3></h3>を消して下さい。


 ちなみに、投稿の見出し<h3>と同じCSSが適用されます。

不都合があるならば、
h5等、日頃使っていない見出しタグにしても良いですね。
他を気にせず、自由にCSSをカスタマイズできます。

これがややこしければ、見出し形式を止めましょう。


 パラメータやhtml内の内容については、
こちらのサイトがとても分かりやすいです。

ブログの人気記事を表示させる WordPress Popular Posts の設定方法まとめ
http://mizyupon-rpg.com/posts/1023.html


私が使用したパラメータ以外にも色々あるので、
お好きなものでカスタマイズして下さい。




他、参考にしたサイト

WordPress Popular Postsでランキングページを作成する
http://hacknote.jp/archives/5498/


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



 以上です。
お疲れさまでした。



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


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

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


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

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

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


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


スポンサードリンク