WordPressを使っている方はよく利用していますね。
今日は、サイドバーじゃなく、投稿や固定ページにランキングを載せる方法。
ショートコードで人気投稿ランキングをページに載せる
ブログの入力画面や、
固定ページ入力画面にそのままコードを載せるだけ。
とても簡単に、WordPress Popular Postsの
ランキングページを作成できます。
掲載する内容やCSSのカスタマイズは必要です。
ある程度、ブログ制作に慣れている人なら問題なくできるでしょう。
中級者レベルくらいかなぁ。
私はちょっとむずかしかったけど出来ました。
ちなみに私の使用テーマはStinger5と
Stinger7です。
またWordPress Popular Posts を使用している事が前提。
以前の私の投稿を参照して下さい。
人気投稿ランキングを呼び出すショートコード
ではショートコードをお知らせ。
以下のコードを、投稿編集画面に貼り付けます。
固定ページ編集画面でも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ヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク
・ツイート
Tweet
・Google+1
・夜中にも出現します(-_-)zzz
Follow @rabbitshimako
・メルマガは３時のおやつ時
フィード登録