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

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

ただいまの
回答率

90.47%

  • WordPress

    7440questions

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

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

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 353

taktaktak

score 304

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

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

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

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

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

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

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

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

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

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    2017/09/12 20:52

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

回答 2

+2

発想の転換と固定観念を捨てるのは大事です。
まず、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 22:31 編集

    URLの提示ありがとうございます。

    しかしながら、いずれも「1つの固定ページ/記事ページ内に表示される」もののようで、質問で意図しているものとは全て違います。

    質問で画像添付しているとおり、1記事内に複数記事ではなく、記事一覧でそろぞれの記事は分かれています。

    キャンセル

  • 2017/09/12 22:56

    "検索では「1つのページに複数の記事を掲載する」方法しか見つけることができませんでした。"
    最初の画像は1ページに複数の記事が表示された状態では?

    "記事は分かれています。"
    意味が解りません。

    プラグインの出力結果は1記事ずつ分かれてます。パラメーターを上手く使ってタイトル、日付、リンク等を表示してCSSでレイアウトを調整したら良いだけでは?

    キャンセル

  • 2017/09/12 23:21


    >最初の画像は1ページに複数の記事が表示された状態では?
    そうです。1ページに複数の記事が表示された状態です。やりたいのは、これです。
    これは、説明用の画像サンプルです。
    手動で「人気記事ランキング」カテゴリにいれているだけなので、実際に人気順に並んでいるわけではありません。

    >プラグインの出力結果は1記事ずつ分かれてます。パラメーターを上手く使ってタイトル、日付、リンク等>を表示してCSSでレイアウトを調整したら良いだけでは?

    「プラグインの出力結果」パラメータ?とのことでしょうか。
    ウィジェットで表示させる、記事ないショートコードを埋め込む以外の方法として、
    WordPress Popular Postsで出力されるパラメータをphpファイル、 CSSでくんで表示させる???
    というイメージでしょうか?

    検討違いのことを言ってかもしれませんが、よろしくお願いします。


    キャンセル

  • 2017/09/12 23: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でレイアウトを調整する。

    と、こんな感じでしょうか。

    キャンセル

  • 2017/09/14 17:33

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

    キャンセル

check解決した方法

-2

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/09/15 03:13

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

    キャンセル

  • 2017/09/15 11:36

    すみません。丸投げの質問だと言われる場所に答えそのものを書きたくありません。

    やり方は、ay03さんの書かれている方法論を読めば十分かと思います。

    キャンセル

関連した質問

同じタグがついた質問を見る

  • WordPress

    7440questions

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