先輩ブロガーさんのサイトを見ていると
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa01-1-1024x764.png)
赤い囲いのところに「人気記事」ってある場合が多いのに気づきました。とりあえず、自分のサイトにもほしいと思いましたので、作ってみました。
「人気記事」の作り方(簡単です。)
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa02-1024x521.png)
WordPress にログインして、左側の「外観」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/pao03-1024x502.png)
「ウィジェット」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa04-1024x542.png)
赤丸の「人気記事」を青丸の「サイドバー」にドラッグ&ドロップ
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa05-1024x523.png)
「表示設定」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa06-1024x519.png)
青いボタン「保存」をクリック
設定を変更すれば「表示設定」をクリックしなくても、「保存」のボタンが青くなり、クリック出来るようになります。
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa07-1024x524.png)
すでに、「人気記事」は WordPress 上に配置されているのですが、位置を変更するため、「ライブプレビューで管理」をクリック
(こちらの画面でもサイドバーをクリックして中の順序を変えることで、思ったとおりの順序に出来るのですが、やり方が煩雑なため、ここは、直感的にわかりやすいやり方をとります。)
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa08-1024x486.png)
「サイドバー」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa09-1024x486.png)
「並べ替え」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa10-1024x487.png)
「人気記事」をドラッグして、お好みの位置に配置。(前の画像と見比べて下さい。)
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa11-1024x485.png)
「完了」をクリック
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa12-1024x485.png)
「公開」をクリック
おつかれさまでした。これですべての手順は終了です。
確認してみると
![](https://mech.parasite.jp/wp-content/uploads/2024/01/poa13-1024x748.png)
ちゃんと「人気記事」が出来てます。(赤枠部分に注目)
ここまで一切、設定ファイル等に、なにか書くでもなく、プログラムをするでもなく出来てしまう Cocoon の柔軟性にびっくりです。
コメント