質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

2回答

467閲覧

Wordpressサイトのグローバルナビをクリックしたときに人気記事の投稿一覧を表示させたい

taktaktak

総合スコア349

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2017/09/12 08:57

編集2017/09/13 01:16

Wordpressのグローバルメニューの「人気ランキング」をクリックすると、見た目上デザインは投稿記事一覧表示で、ビュー順で記事をランキング表示させたいと思っています。

使用テーマ 「アルバトロス」
https://open-cage.com/albatros/

「WordPress Popular Posts」プラグインのように、サイドバーにウィジェットで表示させる方法ではなく、
投稿一覧でアクセスランキングを表示させたいです。

検索しても出てくるのは、「記事内」に表示させる方法、サイドバーに表示させる方法ばかりで、うまく探しあてることができませんした。

全くの1からPHPを書いていくスキルは無いため、
何か参考になるコードを元に修正していこうと考えています。

テーマは 「アルバトロス」の事例でなくてもかまわないので、投稿一覧をランキング表示させる方法について、参考になる方法やサイトを存知でしたら教えてください。

↓完成系のイメージサンプルです。(説明用の画像サンプルをつくるために、手動で「人気記事カテゴリ」に登録しているだけですので、実際にはランキングになっているわけでありません。)
イメージ説明

検索では「1つのページに複数の記事を掲載する」方法しか見つけることができませんでした。
以下は↓実際にためした結果です。いずれも意図しているものとは異なります。
その1
イメージ説明
その2
イメージ説明
その3
イメージ説明
その4
イメージ説明

「やってほしいことだけを記載した丸投げの質問」との指摘がありますが、
この質問に対して、具体的なコードの提示を求めているわけではありませんので、手がかりになる情報やヒント、方法論等について意見をください。

なお、当方のPHPのスキルレベルとしては、”hello wordl”を表示させることができるだけ程度です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

発想の転換と固定観念を捨てるのは大事です。
まず、WordPress Popular Postsがウィジェットでしか使えないという考えは誤りです。

本当に調べたんでしょうか?
検索したらいくらでも出てきますが…?

【WordPress Popular Posts】ショートコードでサクッと人気記事ランキングの固定ページを作る方法
http://hapisupu.com/2015/11/wordpress-popular-posts-short-code/

WordPressで人気記事ランキングを固定ページに表示するには?
http://new-life-creator.com/wordpress/316

WordPressで人気のある投稿や固定ページを表示できるプラグイン「WordPress Popular Posts」
http://www.momosiri.info/wppi/wordpress-plugin-wppopularpost/

WPブログ内で人気記事ランキングを固定ページや記事として表示する方法
http://singoro.net/cms/wordpress/wp-ranking/

検索結果の殆どがWordPress Popular Postsを使う方法です。試しにwordpress ランキング 固定ページの文言で検索してみてください。

プラグインを使いたくなければ自前で出力するのも可能です。

ちょっと追記と訂正しておきます。
WordPress Popular Postsのパラメーターのページ最下部にあるpost_htmlを使えばHTMLを自由に出力できるので自由に配置装飾できます。

「やってほしいことだけを記載した丸投げの質問」との指摘がありますが、

この質問に対して、具体的なコードの提示を求めているわけではありませんので、手がかりになる情報やヒント、方法論等について意見をください。
なお、当方のPHPのスキルレベルとしては、”hello wordl”を表示させることができるだけ程度です

PHPの知識が乏しくてもWordPress Popular Postsの管理画面のが読めれば難しくありません。
既存のレイアウトに合わせる必要があるのでどちらかと言えばCSSの知識が必要です。
多分どれだけ待っても希望する回答は得られないと思います。既にヒントや方法論は私がコメントで書いてますので…

投稿2017/09/12 11:54

編集2017/09/14 04:25
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

taktaktak

2017/09/13 00:58 編集

URLの提示ありがとうございます。 しかしながら、いずれも「1つの固定ページ/記事ページ内に表示される」もののようで、質問で意図しているものとは全て違います。 質問で画像添付しているとおり、1記事内に複数記事ではなく、記事一覧でそろぞれの記事は分かれています。
退会済みユーザー

退会済みユーザー

2017/09/12 13:56

"検索では「1つのページに複数の記事を掲載する」方法しか見つけることができませんでした。" 最初の画像は1ページに複数の記事が表示された状態では? "記事は分かれています。" 意味が解りません。 プラグインの出力結果は1記事ずつ分かれてます。パラメーターを上手く使ってタイトル、日付、リンク等を表示してCSSでレイアウトを調整したら良いだけでは?
taktaktak

2017/09/12 14:21

>最初の画像は1ページに複数の記事が表示された状態では? そうです。1ページに複数の記事が表示された状態です。やりたいのは、これです。 これは、説明用の画像サンプルです。 手動で「人気記事ランキング」カテゴリにいれているだけなので、実際に人気順に並んでいるわけではありません。 >プラグインの出力結果は1記事ずつ分かれてます。パラメーターを上手く使ってタイトル、日付、リンク等>を表示してCSSでレイアウトを調整したら良いだけでは? 「プラグインの出力結果」パラメータ?とのことでしょうか。 ウィジェットで表示させる、記事ないショートコードを埋め込む以外の方法として、 WordPress Popular Postsで出力されるパラメータをphpファイル、 CSSでくんで表示させる??? というイメージでしょうか? 検討違いのことを言ってかもしれませんが、よろしくお願いします。
退会済みユーザー

退会済みユーザー

2017/09/12 14:57

WordPress Popular Postsの設定画面にParametersのタブがあると思いますが、そこに記された例を元に必要な項目を出力させてCSSでレイアウトを調整すれば良いだけです。 例は当然PHPのコードなのでそのまま管理画面のエディタで使えないので専用のテンプレートを作成して、そこへ例のコードを書いていけば良いです。 尚、ショートコードだけでも出来るのかもしれませんが詳しい事は分かりません。 ページテンプレート https://wpdocs.osdn.jp/%E5%9B%BA%E5%AE%9A%E3%83%9A%E3%83%BC%E3%82%B8#Page_Templates 簡単な流れ 1.page.phpをコピーしてranking.phpとでもして上のURLのページを参考に専用のテンプレートにする。 2.ランキングの固定ページを作ってranking.phpを使うように設定してranking.phpのループの後に例のコードを入れてみる。 3.何らかが出力されると思うので、そこから必要な項目のパラメーターを追加して仮の表示を完成させる。 4.出力結果はリスト(ul li等)になるはずなのでブラウザのソースを確認してCSSでレイアウトを調整する。 と、こんな感じでしょうか。
taktaktak

2017/09/14 08:33

ありがとうございます。教えたいただいた内容で流れがつかめたので、、再度色々調べていたところ、海外のサイトでちょうどよいサンプルがあったのでそちらを元に実装できました。
guest

0

自己解決

海外サイトを調べたところ、希望イメージに近いサンプルコードを見つけることができたので、
そちらを元に実装しました。

投稿2017/09/14 08:01

taktaktak

総合スコア349

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/09/14 18:13

どのように解決したかコードを回答欄に追記いただけませんか?このページに辿り着いた同じ疑問を持つ人のために、ぜひお願いします。
taktaktak

2017/09/15 02:36

すみません。丸投げの質問だと言われる場所に答えそのものを書きたくありません。 やり方は、ay03さんの書かれている方法論を読めば十分かと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問