任意の固定ページにランキング形式で人気記事を表示したい

その固定ページにはサイドバーはでてますか？

お返事ありがとうございます。

はい、あります。

サイドに表示してもいいのですが数が多いと縦長になるのでちょっとそれが気になったので‥

サイドバーがあるなら、そこから移動できるので、移動先はどこかを決める必要があります。

デベロッパーツール等で、ここらあたりとセレクタを指定してもらえると助かります。あるいはその箇所を具体的に。

場所で言うとこの部分です。

<aside id=”popular_ranking-3″ class=”widget widget_popular_ranking”>

例えばグローバルメニューにランキングという項目をつくりそのページに表示できるみたいな感じです。

分かりにくかったらすいません。

ランキングだけを表示する固定ページを作りたいというのと、例えば何かしらの固定ページのサイドバーにあるランキングの位置を変えたいというのではやり方がだいぶ変わるんですが、文脈からを見ると前者のようです。

その場合、そのランキングを表示する固定ページにサイドバーはでてますか？

なんかうまく伝わらずすいません。

はい、表示してます。全期間集計で表示は５です。

勘違いしてたらすいません。

サンプル:サイドバーのpopular_rankingを任意のクラスに入れる | codepen

サイドバーの.widget_popular_rankingを記事の中の[div class=”test”][/div]にクローンして挿入します。クローンなのでサイドバーにも残ります。

[div class=”test”][/div]は編集で入れます。中身は必要ありません。もちろんいつものように[]は半角の〈〉です。

.testの中のランキングは、cssのみでスタイルできます。
元のランキングにランク順が入っていれば、もちろん.testの中にも入ります。今回は例がなかったので、表示・スタイルされてません。

.testの中の画像は比率を変えるために、.insertと言うクラスをjQueryで入れて画像を囲んでます。

ウィジェットの設定で、表示するアイテム数を3の倍数にする必要がありますが、レスポンシブに対応するなら2列になる所もあるので、2と3の公倍数にする必要があるかと思います。6とか12とか18とか。

お世話になっております。

画面とにらめっこしているのですが

「サイドバーの.widget_popular_rankingを記事の中の[div class=”test”][/div]にクローンして挿入します。クローンなのでサイドバーにも残ります。」

ここの部分がいまいち分からず悪戦苦闘しております。

WordPress Popular Postsのショートコードでページに貼りつけるってことでしょうか？

よろしくお願い致します。

普通に編集画面にタグを書きます。

できました!

あとがとうございます。