WordPress Popular Postsのカスタマイズ方法や使い方
投稿:2017年06月09日
|
更新:2017年06月15日
WordPressプラグインの「WordPress Popular Posts」は、人気記事ランキングが表示できます。
とても人気のあるプラグインで多くのWordPressサイトに設置されています。
サイト訪問者が利用するサイドバーのコンテンツといえば、カテゴリー項目や検索項目、人気記事ランキングが定番です。
「WordPress Popular Posts」の使い方や設定方法は多くのサイトに掲載されていますので、このぺージでは、遭えてカスタマイズに特化した2種類の方法を紹介します。
1つ目は、「WordPress Popular Posts」を設置する際に、設定していた標準的な設定方法や確実な設定方法を紹介します。
2つ目は、「WordPress Popular Posts」はサイドバーのウィジェットを使用して表示しますが、記事内やindex.php、post.phpなど色々な位置に設置できるようにカスタマイズします。
この記事を書くにあたり、以下の記事も参考にさせていただきました。ありがとうございます。
参考記事:WordPress Popular Postsで人気記事の表示とカスタマイズ方法 参考記事:【WordPress】人気記事ランキングに「順位」をCSSだけでいい感じに表示させる【WordPress Popular Posts】
標準的な設定方法
「WordPress Popular Posts」は設定項目も多いので、迷うこともありますが、標準的な設定方法を紹介します。
サイドバーの外観を開いてウィジェットを選択します。
サブメニューに「WordPress Popular Posts」を追加します。
タイトルを人気記事に設定。
最大表示数を10件に設定。
ソート順も総観覧数に設定。
計測期間を過去24時間に設定。
投稿タイプをpost(記事)に設定。
アイキャッチ画像の表示にチェック。
サイズを手動で指定を選択します。幅と高さは120pxに設定。
カスタム HTML マークアップを使う
人気記事ランキングに独自のHTMLを設定して、マークアップができます。CSSを設定すればオリジナルのデザインが可能です。
タイトルの前 / 後:/p>
タイトルの前後にHTMLタグが追加できます。
投稿の前 / 後:
人気記事ランキング全体の前後にHTMLタグが追加できます。
サンプル例として下記のように設定されています。
前の項目
<ul class="wpp-list">
後の項目
</ul>
投稿の HTML マークアップ:
表示される人気記事ランキングのスタイルを設定できます。
サンプル例として下記のように設定されています。
投稿の HTML マークアップ:
<li>{thumb} {title} {stats}</li>
「保存」ボタンをクリックします。
よくある質問
「タイトル」とは何ですか?
人気記事ランキングの見出し部分です。空欄のままにすると、見出しは表示されません。
「投稿タイプ」とは何ですか?
人気記事ランキングに表示する投稿タイプを決定できます。デフォルトでは、記事ページ(post)と固定ページ(page)のみのランキングが取得されます。
「カテゴリID」とは何ですか?
特定のカテゴリーを含めるか除外するかを選択できます。カテゴリID番号の前にマイナス記号を付けると、カテゴリーに属する投稿を除外します。「,」コンマ区切りで複数のIDを指定できます。
カテゴリーIDがわからない場合は、Reveal IDs のようなプラグインを使用すると、「WordPress Popular Posts」のダッシュボード画面でカテゴリのIDを表示することができます。
「著者ID」とは何ですか?
カテゴリフィルタと同じように、投稿者を著者IDでフィルタリングすることができます。「,」コンマ区切りで複数のIDを指定できます。
Reveal IDs のようなプラグインを使用すると、「WordPress Popular Posts」のダッシュボードの[ユーザー]画面でユーザーのIDを表示できます。
「投稿の評価を表示」とは何ですか?
オンにすると、記事の評価を表示します。この機能を使用するには、「WP-PostRatings」プラグインをインストールして、有効化する必要があります。
「カスタムHTMLマークアップを使う」とは何ですか?
オンにすると、人気記事ランキングの投稿一覧のHTMLマークアップをカスタマイズできます。例えば、順序なしリスト、順序付きリスト、divなどのように、投稿を囲むかどうかを決めることができます。もしHTML / CSSに詳しい方であれば使用することをおすすめします。
CSSの設定
人気記事ランキングのデザインをカスタマイズするため、CSSを設定します。以下のようなデザインになります。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* WordPress Popular Posts */
. wpp - list {
padding : 0px ;
counter - reset : wpp - ranking ;
}
. wpp - list li : before {
content : counter ( wpp - ranking , decimal ) ;
counter - increment : wpp - ranking ;
}
. wpp - list li {
margin : 10px 0 ;
position : relative ;
list - style - type : none ;
}
. wpp - list li : before {
content : counter ( wpp - ranking , decimal ) ;
counter - increment : wpp - ranking ;
background : rgba ( 94 , 185 , 77 , 0.9 ) ;
color : #fff;
font - size : 14px ;
line - height : 1 ;
padding : 4px 8px ;
position : absolute ;
left : 0 ;
top : 0 ;
z - index : 1 ;
}
. wpp - list li : nth - child ( 1 ) : before {
background : rgba ( 255 , 88 , 196 , 0.9 ) ;
}
. wpp - list li : nth - child ( 2 ) : before {
background : rgba ( 245 , 171 , 31 , 0.9 ) ;
}
. wpp - list li : nth - child ( 3 ) : before {
background : rgba ( 255 , 121 , 37 , 0.9 ) ;
}
ul . wpp - list li : hover {
background - color : #eeeeee;
}
ul . wpp - list li : hover img {
opacity : 0.8 ;
}
ul . wpp - list li a {
padding : 0 ;
- webkit - tap - highlight - color : rgba ( 0 , 0 , 0 , 0 ) ;
}
. wpp - views {
font - size : 9px ;
font - weight : bold ;
}
色々な位置に設置
サイドバーのウィジェット設定で、「WordPress Popular Posts」を表示するのが一般的ですが、WordPressサイトの色々な部分に表示することもできます。
次の位置に人気記事ランキングを表示できるようにカスタマイズします。
通常では記事を書くエディター内ではphpコードが使用できません。
そのため、「WordPress Popular Posts」専用のranking.phpを作成して、ショートコードで読み込むようにします。
また、index.phpやpost.phpなどに設置する場合も、ranking.phpを使用して、phpコードで読み込みます。
まずは、ranking.phpを作成します。
1.メモ帳などのエディターを使用して、以下のコードを記述して、ファイル名をranking.phpにして保存します。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<?php if ( is_category ( ) ) { ?>
<?php
$categoryname = single_cat_title ( '' , false ) ;
$categoryid = get_cat_ID ( $categoryname ) ;
?>
< div class = "widget popular-posts" >
< h3 class = "widget-title" > 「<?php echo $categoryname ; ?> 」人気記事< / h3 >
<?php
$wpp = array (
'cat' = > '' . $categoryid . '' ,
'limit' = > '50' ,
'range' = > 'all' ,
'order_by' = > 'views' ,
'post_type' = > 'post' ,
'stats_comments' = > '0' ,
'stats_views' = > '0' ,
'title_length' = > '25' ,
'thumbnail_width' = > '70' ,
'thumbnail_height' = > '70' ,
'stats_category' = > '0' ,
'wpp_start' = > '<div id="popular-post"><ul class="wpp-list">' ,
'wpp_end=' = > '</ul></div>' ,
'post_html' = > '<li>{thumb} {title} <span class="post-stats">{stats}</span><div class="clear"> </div></li>' ,
) ; ?>
<?php wpp_get_mostpopular ( $wpp ) ; ?>
< / div >
<?php } elseif ( is_single ( ) ) { ?>
<?php
wp_reset_query ( ) ;
$cat = get_the_category ( ) ;
$cat_id = $cat [ 0 ] -> cat_ID ;
$cat_name = $cat [ 0 ] -> cat_name ; ?>
< div class = "widget popular-posts" >
< h3 class = "widget-title" > 「<?php echo "$cat_name" ; ?> 」人気記事< / h3 >
<?php
$wpp = array (
'cat' = > '' . $cat_id . '' ,
'limit' = > '50' ,
'range' = > 'all' ,
'order_by' = > 'views' ,
'post_type' = > 'post' ,
'stats_comments' = > '0' ,
'stats_views' = > '0' ,
'title_length' = > '25' ,
'thumbnail_width' = > '70' ,
'thumbnail_height' = > '70' ,
'stats_category' = > '0' ,
'wpp_start' = > '<div id="popular-post"><ul class="wpp-list">' ,
'wpp_end=' = > '</ul></div>' ,
'post_html' = > '<li>{thumb} {title} <span class="post-stats">{stats}</span><div class="clear"> </div></li>' ,
) ; ?>
<?php wpp_get_mostpopular ( $wpp ) ; ?>
< / div >
<?php } else { ?>
< div class = "widget popular-posts" >
< h2 class = "widget-title" > 今日の人気Top50 < / h2 >
<?php
$cat_now = get_the_category ( ) ;
$cat_now = $cat_now [ 0 ] ;
$now_id = $cat_now -> cat_ID ;
?>
<?php
$wpp = array (
'limit' = > '50' ,
'range' = > 'daily' ,
'order_by' = > 'views' ,
'post_type' = > 'post' ,
'stats_comments' = > '0' ,
'stats_views' = > '1' ,
'title_length' = > '25' ,
'thumbnail_width' = > '120' ,
'thumbnail_height' = > '120' ,
'stats_category' = > '0' ,
'wpp_start' = > '<div id="popular-post"><ul class="wpp-list">' ,
'wpp_end=' = > '</ul></div>' ,
'post_html' = > '<li>{thumb} {title} <span class="post-stats">{stats}</span><div class="clear"> </div></li>' ,
) ; ?>
<?php wpp_get_mostpopular ( $wpp ) ; ?>
< / div >
< div class = "widget popular-posts" >
< h2 class = "widget-title" > 今週の人気Top50 < / h2 >
<?php
$cat_now = get_the_category ( ) ;
$cat_now = $cat_now [ 0 ] ;
$now_id = $cat_now -> cat_ID ;
?>
<?php
$wpp = array (
'limit' = > '50' ,
'range' = > 'weekly' ,
'order_by' = > 'views' ,
'post_type' = > 'post' ,
'stats_comments' = > '0' ,
'stats_views' = > '1' ,
'title_length' = > '25' ,
'thumbnail_width' = > '120' ,
'thumbnail_height' = > '120' ,
'stats_category' = > '0' ,
'wpp_start' = > '<div id="popular-post"><ul class="wpp-list">' ,
'wpp_end=' = > '</ul></div>' ,
'post_html' = > '<li>{thumb} {title} <span class="post-stats">{stats}</span><div class="clear"> </div></li>' ,
) ; ?>
<?php wpp_get_mostpopular ( $wpp ) ; ?>
< / div >
< div class = "widget popular-posts" >
< h2 class = "widget-title" > 今月の人気Top50 < / h2 >
<?php
$cat_now = get_the_category ( ) ;
$cat_now = $cat_now [ 0 ] ;
$now_id = $cat_now -> cat_ID ;
?>
<?php
$wpp = array (
'limit' = > '50' ,
'range' = > 'monthly' ,
'order_by' = > 'views' ,
'post_type' = > 'post' ,
'stats_comments' = > '0' ,
'stats_views' = > '1' ,
'title_length' = > '25' ,
'thumbnail_width' = > '120' ,
'thumbnail_height' = > '120' ,
'stats_category' = > '0' ,
'wpp_start' = > '<div id="popular-post"><ul class="wpp-list">' ,
'wpp_end=' = > '</ul></div>' ,
'post_html' = > '<li>{thumb} {title} <span class="post-stats">{stats}</span><div class="clear"> </div></li>' ,
) ; ?>
<?php wpp_get_mostpopular ( $wpp ) ; ?>
< / div >
<?php } ?>
上記のコードでは、次のような設定になっています。
1~30行目まではカテゴリーページで動作・・カテゴリーページにコードを設置すると、そのカテゴリに属する人気記事ランキングのみを表示します。
30~61行目までは記事詳細ページで動作・・記事詳細ページではその記事に属するカテゴリーの人気記事ランキングのみを表示します。
それ以外は全カテゴリーの人気記事ランキングを掲載します。
コードに設定している各種パラメータについては、以下の通りです。
パラメータ:header
内容:リストの見出しを設定する
使用可能な値:テキスト文字列
デフォルト:なし
<?php < br / >
$args = array ( < br / >
'header' = > 'Popular Posts' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:header_start
内容:リストの見出しの開始タグを設定
使用可能な値:テキスト文字列
デフォルト:<h2>
<?php < br / >
$args = array ( < br / >
'header' = > 'Popular Posts' , < br / >
'header_start' = > '<h3 class="title">' , < br / >
'header_end' = > '</h3>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:header_end
内容:リストの見出しの閉じタグを設定
使用可能な値:テキスト文字列
デフォルト:</h2>
<?php < br / >
$args = array ( < br / >
'header' = > 'Popular Posts' , < br / >
'header_start' = > '<h3 class="title">' , < br / >
'header_end' = > '</h3>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:limit
内容:リストに表示される人気の投稿の最大数を設定してください。
使用可能な値:正の整数
デフォルト:10
<?php < br / >
$args = array ( < br / >
'limit' = > 5 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:range
内容:WordPress Popular Posts に指定した時間範囲で人気記事を取得させます
使用可能な値:”daily”, “weekly”, “monthly”, “all”
デフォルト:daily
<?php < br / >
$args = array ( < br / >
'range' = > 'weekly' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:freshness
内容:WordPress Popular Posts にあなたの指定した特定範囲内に公開された記事を取得させます
使用可能な値:1 (true), 0 (false)
デフォルト:0
<?php < br / >
$args = array ( < br / >
'range' = > 'weekly' , < br / >
'freshness' = > 1 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:order_by
内容:人気の投稿の並べ替えオプションを設定する
使用可能な値:”comments”, “views”, “avg” (1日あたりの平均ビュー用)
デフォルト:views
<?php < br / >
$args = array ( < br / >
'order_by' = > 'comments' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:post_type
内容:リスト表示させる投稿タイプを定義
使用可能な値:テキスト文字列
デフォルト:post,page
<?php < br / >
$args = array ( < br / >
'post_type' = > 'post,page,your-custom-post-type' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:pid
内容:特定の投稿IDを設定することで、WordPress Popular Posts のリストから除外できます。
使用可能な値:テキスト文字列
デフォルト:なし
<?php < br / >
$args = array ( < br / >
'pid' = > '60,25,31' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:cat
内容:設定すると WordPress Popular Posts は指定されたカテゴリIDに属するすべての投稿を取得します。マイナス記号が使われている場合、そのカテゴリーは除外されます。
使用可能な値:テキスト文字列
デフォルト:なし
<?php < br / >
$args = array ( < br / >
'cat' = > '1,55,-74' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:author
内容:設定すると WordPress Popular Posts は指定されたユーザーIDに属するすべての投稿を取得します。
使用可能な値:テキスト文字列
デフォルト:なし
<?php < br / >
$args = array ( < br / >
'author' = > '75,8,120' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:title_length
内容:設定すると WordPress Popular Posts は可能な限り記事タイトルを”n”文字に短縮します
使用可能な値:正の整数
デフォルト:25
<?php < br / >
$args = array ( < br / >
'title_length' = > 25 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:title_by_words
内容:これを1に設定すると、WordPress Popular Posts は投稿の抜粋を文字列に変わって、”n”ワードに短縮します
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'title_by_words' = > 1 , < br / >
'title_length' = > 25 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:excerpt_length
内容:設定すると WordPress Popular Posts は各人気記事のコンテンツから長い”n”文字の抜粋が含まれ、構築されます
使用可能な値:正の整数
デフォルト:0
<?php < br / >
$args = array ( < br / >
'excerpt_length' = > 55 , < br / >
'post_html' = > '<li>{thumb} {title} {summary}</li>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:excerpt_format
内容:設定すると WordPress Popular Posts は投稿の抜粋のすべてのスタイリングタグ(太字や斜体など)やリンクタグを保ちます
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'excerpt_format' = > 1 , < br / >
'excerpt_length' = > 55 , < br / >
'post_html' = > '<li>{thumb} {title} {summary}</li>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:excerpt_by_words
内容:これを1に設定すると、WordPress Popular Posts は投稿の抜粋を文字列に変わって、”n”ワードに短縮します。
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'excerpt_by_words' = > 1 , < br / >
'excerpt_length' = > 55 , < br / >
'post_html' = > '<li>{thumb} {title} {summary}</li>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:thumbnail_width
内容:現在のサーバー設定で許可されている状態でこれを設定すると、投稿のサムネイルを表示できます。この属性はサムネイルの幅を設定します
使用可能な値:正の整数
デフォルト:0
<?php < br / >
$args = array ( < br / >
'thumbnail_width' = > 30 , < br / >
'thumbnail_height' = > 30 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:thumbnail_height
内容:現在のサーバー設定で許可されている状態でこれを設定すると、投稿のサムネイルを表示できます。この属性はサムネイルの高さを設定します
使用可能な値:正の整数
デフォルト:0
<?php < br / >
$args = array ( < br / >
'thumbnail_width' = > 30 , < br / >
'thumbnail_height' = > 30 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:rating
内容:WP-PostRatings プラグインが有効化されている状態でこれを設定すると、WordPress Popular Posts は各人気記事のレートを表示します
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'rating' = > 1 , < br / >
'post_html' = > '<li>{thumb} {title} {rating}</li>"' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_comments
内容:設定すると WordPress Popular Posts は各人気記事の今までに付いたコメント数を表示します
使用可能な値:1 (true), 0 (false)
デフォルト:0
<?php < br / >
$args = array ( < br / >
'stats_comments' = > 1 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_views
内容:設定すると WordPress Popular Posts はプラグインがインストールされてからの各人気記事の閲覧数を表示します
使用可能な値:1 (true), (0) false
デフォルト:1
<?php < br / >
$args = array ( < br / >
'stats_views' = > 0 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_author
内容:設定すると WordPress Popular Posts はリスト内に各人気記事を投稿した人の名前を表示します
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'stats_author' = > 1 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_date
内容:設定すると WordPress Popular Posts はリスト内に各人気記事の投稿した日付を表示します
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'stats_date' = > 1 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_date_format
内容:日付書式を設定する
使用可能な値:テキスト文字列
デフォルト:0
<?php < br / >
$args = array ( < br / >
'stats_date_format' = > 'F j, Y' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:stats_category
内容:設定すると WordPress Popular Posts はカテゴリーを表示します
使用可能な値:1 (true), (0) false
デフォルト:0
<?php < br / >
$args = array ( < br / >
'stats_category' = > 1 < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:wpp_start
内容:リストの開始タグを設定する
使用可能な値:テキスト文字列
デフォルト:<ul>
<?php < br / >
$args = array ( < br / >
'wpp_start' = > '<ol>' , < br / >
'wpp_end' = > '</ol>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:wpp_end
内容:リストの閉じタグを設定する
使用可能な値:テキスト文字列
デフォルト:</ul>
<?php < br / >
$args = array ( < br / >
'wpp_start' = > '<ol>' , < br / >
'wpp_end' = > '</ol>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
パラメータ:post_html
内容:各投稿の HTML 構造を設定する
使用可能な値:テキスト文字列、カスタム HTML.
利用可能なコンテンツタグ:
{thumb} (リンクありで投稿 / 固定ページのサムネイル画像を表示(thumbnail_width と thumbnail_height が必要))
{thumb_img} (投稿 / 固定ページへのリンクなしでサムネイル画像を表示(thumbnail_width と thumbnail_height が必要))
{title} (リンクされた 投稿/固定ページのタイトルを表示)
{summary} (投稿 / 固定ページの本文の抜粋を表示(excerpt_length に0より大きい数が指定されている必要があります))
{stats} (デフォルトの統計情報タグを表示)
{rating} (投稿 / 固定ページの現在のレートを表示(WP-PostRatings がインストールされていて有効化されている必要があります))
{score} (投稿 / 固定ページのレートを数値で表示(WP-PostRatings がインストールされていて有効化されている必要があります))
{url} (投稿 / 固定ページの URL を出力)
{text_title} (リンクなしで投稿 / 固定ページのタイトルを表示)
{author} (投稿者名を表示(stats_author=1 が必要))
{category} (投稿のカテゴリーの表示(stats_category=1 が必要))
{views} (閲覧数のみを表示(テキストなし))
{comments} (コメントカウントのみ(テキストなし)を表示(stats_comments=1 が必要))
{date} (投稿/固定ページの投稿時間を表示(stats_date=1 が必要))
デフォルト:<li>{thumb} {title} {stats}</li>
<?php < br / >
$args = array ( < br / >
'post_html' = > '<li>{thumb} <a href="{url}">{text_title}</a></li>' < br / >
) ; < br / >
< br / >
wpp_get_mostpopular ( $args ) ; < br / >
?>
2.ranking.phpを使用中のテーマのディレクトリに、FTPソフトなどを使ってアップロードします。
3.記事を書くエディター内に「WordPress Popular Posts」を読み込む場合は、ショートコードを使用します。
ショートコードが使えるようにfunctions.phpに次のコードを記述します。
//ショートコードを使ったphpファイルの呼び出し方法
function my_php_Include ( $ params = array ( ) ) {
extract ( shortcode_atts ( array ( 'file' = > 'default' ) , $ params ) ) ;
ob_start ( ) ;
include ( STYLESHEETPATH . "/$file.php" ) ;
return ob_get_clean ( ) ;
}
add_shortcode ( 'myphp' , 'my_php_Include' ) ;
これで、記事内でショートコードが使えるようになりました。
4.記事のエディター内に読み込む場合は、以下のコードを記述します。
これで記事内に「WordPress Popular Posts」が設置できました。
5.次にindex.php、post.phpなどに設置できるようにします。
以下のコードを設置したい位置に記述します。
<?php get_template_part ( 'ranking' ) ; ?>
これでranking.phpを読み込んで、人気記事ランキングが表示されるようになります。
カスタマイズ
jQueryの切り替えタブを使用すれば、24時間や一週間、一ヶ月などの人気記事ランキングを一つの位置にコンパクトに収納できます。
詳しい設置方法は「WordPressで切り替えメニュータブをプラグインなしで作る方法」の記事をお読みください。
まとめ
今回は、「WordPress Popular Posts」のカスタマイズに特化した使い方を紹介しました。
サイドバーだけではなく、コンテンツ下や固定記事など様々な位置に設定できれば、多くの人の目に付いてアクセス数が増えると思います。
「WordPress Popular Posts」はとても優秀なプラグインだと思います。プラグインなしで人気記事ランキングを作るのは、単純な全集計ランキングなら簡単ですが、期間集計やメンテナンスなどを考えると大変なので「WordPress Popular Posts」は有り難いです。
但し、自分としては、曜日毎の人気記事ランキングや1日や2日、3日前毎の人気記事ランキングが表示できればと思っています。
今後の開発に期待したいです。
余談ですが、「WordPress Popular Posts」を設置後にWordPressサイトの運営が長くなると集計した人気記事のキャッシュデータが大量に溜まってきます。
不要な場合は半年や1年に1回など定期的にキャッシュを削除するようにしてください。
「WordPress Popular Posts」のカスタマイズ方法の記事をお読み頂きまして、ありがとうございました。