ブログ
初心者
訪問者に読んでほしい記事が全然読まれない…。よく読まれる記事一覧にはPV上位しか表示されないし…。何かいい方法ある?
そんなお悩みを解決しましょう。
よしてっく
そんな時はカード型ウィジェットの機能を活用します!
今回は、WordPressのCocoonテーマでサイドバーにカード型ウィジェットを設置しておすすめ記事アピールする方法を解説します。
今回紹介するサイドバーのカード型ウィジェットは下記のようなものです。2種類あります。
↓おすすめカード型
![Cocoon_おすすめカードでおすすめ記事イメージ](https://yoshitechblog.com/wp-content/uploads/2020/09/12aacab296a4b53c8a2c638e2c93f9c5-300x209.jpg)
↓ナビカード型
![Cocoon_ナビカードでおすすめ記事イメージ](https://yoshitechblog.com/wp-content/uploads/2020/09/148bcb64ac4ce1408c40cc37f0b37d42.jpg)
おすすめ記事カードを設置するメリット
・よく読まれる記事とは別にプラスアルファでアピール
・新着記事の圏外になってもサイドバーで目に入る
・ブログのコンセプトが読者に伝わりやすい
・サイトの回遊率アップが期待できる
WordPressのCocoonテーマなら、カード型のウィジェットを設置する機能があります。
Cocoon:おすすめ記事カード型ウィジェットの設置手順
![ノートパソコンと女性](https://yoshitechblog.com/wp-content/uploads/2019/11/apple-1851464_1280-2-1024x682.jpg)
★おすすめカードの設置は3ステップで完了でします。
(1)「おすすめ記事メニュー」を作成
(2)「おすすめ記事メニュー」におすすめしたい記事を設定
(3)「カード型ウィジェット」をサイドバーに設置
新しいメニュー「おすすめ記事」を作成する
(1)WordPress管理画面(ダッシュボード)の外観⇒メニューをクリックします。
![WP_外観のメニュークリック](https://yoshitechblog.com/wp-content/uploads/2020/08/833203f48ac18568720a8ed74cfe5d32.jpg)
(2)メニューの管理画面が表示されたら新しいメニューを作成しましょうをクリックします。
![WP_新しいメニューを作成しましょう](https://yoshitechblog.com/wp-content/uploads/2020/08/d8457acb19813382a3165a8bc0e684ba.jpg)
(3)メニュー名におすすめ記事と入力⇒メニューを作成をクリックします。
![WP_メニュー名を入力して作成](https://yoshitechblog.com/wp-content/uploads/2020/08/e7253138629cdfd01491a440850d3d21.jpg)
(4)編集するメニューにおすすめ記事が追加されました。
![WP_編集メニューにおすすめ記事が追加された](https://yoshitechblog.com/wp-content/uploads/2020/08/32c40159ed9ee5802e5960492d46cf92.jpg)
おすすめしたい記事を選んでメニューに追加する
(1)「おすすめ記事」メニューが作成できたら続いて表示させる記事を選びます。左側のメニュー項目を追加の部分を操作していきます。
![WP_メニュー項目を追加](https://yoshitechblog.com/wp-content/uploads/2020/08/1678c980d08e7114e4bd940497bdcfac-1024x602.jpg)
(2)おすすめメニューに追加できる記事は固定ページ、投稿、カスタムリンク、カテゴリーの4項目の中から選びますが、多くの人は投稿か固定ページから選ぶと思います。
![WP_メニュー項目を追加の種類](https://yoshitechblog.com/wp-content/uploads/2020/09/c84a7c4c2defdbe9666b2a26b27ef08c.jpg)
(3)投稿の▼をクリックして中のメニューを展開します。(最初から展開されている場合もあります)
![WP_メニュー項目の投稿を展開](https://yoshitechblog.com/wp-content/uploads/2020/09/27100e84518ce3e7bd540e57e9bb8e7c.jpg)
(4)最近投稿した記事で、最近のタブで見つかる場合はチェックを入れてメニューに追加をクリックで右のエリアに追加されます。
![WP_お気に入りメニューに追加する記事を選ぶ](https://yoshitechblog.com/wp-content/uploads/2020/09/4e38655e371d6135aeafd12e95de80c3-1024x528.jpg)
最近のリストに無い場合はすべて表示で探すか検索でキーワードから探すこともできます。
![WP_お気に入りメニューに追加する記事を全て表示から選ぶ](https://yoshitechblog.com/wp-content/uploads/2020/09/19a1bb78a458ea47b72280cd064007ba.jpg)
![WP_お気に入りメニューに追加する記事を検索で探す](https://yoshitechblog.com/wp-content/uploads/2020/09/58f93c27b1321be85aafa31cd0a83236.jpg)
※おすすめカードは2個並びになるので、できれば偶数で選びましょう。
![WP_おすすめ記事カードのウィジェット](https://yoshitechblog.com/wp-content/uploads/2020/09/084adbf4f0c6682ad3345394c45d034f-300x215.jpg)
(5)おすすめ記事の選択が完了したらメニューを保存をクリックします。
![WP_おすすめメニューを保存する](https://yoshitechblog.com/wp-content/uploads/2020/09/dde33c865a8627ce4e8debdeb2761691.jpg)
(6)これでカード型ウィジェット用のメニューの準備が完了しました。
![WP_おすすめメニューを更新しました](https://yoshitechblog.com/wp-content/uploads/2020/09/ddfcf396f697aa9fc985870c9242d6a3-300x80.jpg)
カード型ウィジェット①:おすすめカードで作る
![](https://yoshitechblog.com/wp-content/uploads/2019/10/hand-944307_1280-1024x724.png)
★先ほど作成したおすすめ記事用メニューを使いおすすめカードのウィジェットを設置します。
(1)WordPress管理画面(ダッシュボード)の外観⇒ウィジェットをクリックします。
![WP_外観のウィジェット](https://yoshitechblog.com/wp-content/uploads/2020/08/350be2dfc22ad3e96460911d1f12d4e3.jpg)
(2)利用できるウィジェットの[C]おすすめカードの▼をクリック⇒ウィジェットを追加をクリックします。
![WP_おすすめカードをサイドバーに追加](https://yoshitechblog.com/wp-content/uploads/2020/09/10a6e4b6fd5358ef68bdd047280ffbab.jpg)
(3)おすすめカードがサイドバーのエリアに追加され、設定ダイアログが開きます。
![WP_おすすめカードがサイドバーに追加](https://yoshitechblog.com/wp-content/uploads/2020/09/21b9e54d2c5ecdf2ff5084477ff5f878.jpg)
(4)タイトルにおすすめ記事、メニュー名をおすすめ記事(先ほどメニューで作成した)、表示スタイルを画像のみ、空白を有効にするに✅チェックを入れます。
![WP_おすすめカードの設定](https://yoshitechblog.com/wp-content/uploads/2020/09/1b2935b289c2cb83a5ad7555cf37a3b7.jpg)
(5)保存⇒完了をクリックします。
![WP_おすすめカード設定の保存と完了](https://yoshitechblog.com/wp-content/uploads/2020/09/64459ed622ca585e7801810359ad9696.jpg)
(6)おすすめカードの設定が完了しました。
![WP_おすすめカードがサイドバーに追加_設定済](https://yoshitechblog.com/wp-content/uploads/2020/09/95b29e46605664efc5e88372d2e7b2d4.jpg)
(7)そのままだとサイドバーの一番下に表示されるので位置を変更しましょう。マウスのドラッグ操作で動かすことができます。
パソ太郎
おすすめの位置は人気記事の上か下だよ!
![WP_おすすめカードの位置変更](https://yoshitechblog.com/wp-content/uploads/2020/09/c81b5dc143a312986a7673cab284d695.jpg)
(8)これでウィジェットの設定は完了、そのまま画面を閉じてOKです。
![WP_おすすめカードの位置変更後](https://yoshitechblog.com/wp-content/uploads/2020/09/d6a0e3eceb1ee5f2615617403f6ce891.jpg)
実際のブログで確認してみましょう。
![WP_サイドバーのおすすめ記事のウィジェット](https://yoshitechblog.com/wp-content/uploads/2020/09/330088fa6d6e4d146a044b0faf605d76-300x157.jpg)
おすすめカードの見た目をアレンジしたい場合は
![ピン留めのイメージ画像](https://yoshitechblog.com/wp-content/uploads/2020/06/21de99f214cae0606e1e97752845904b-1024x682.jpg)
★おすすめカードの見た目をアレンジしたい場合は、再び外観⇒ウィジェットの画面で操作して下さい。
(1)サイドバーに設置したおすすめカードの▼クリックで設定ダイアログを開いて下さい。
![WP_おすすめカードのアレンジ](https://yoshitechblog.com/wp-content/uploads/2020/09/160302ba8fe65160b510b3c5864affe7.jpg)
(2)表示スタイル項目の変更や余白の有無で、自分が気に入った見た目に調整できます。
![WP_おすすめカードの表示スタイルの変更](https://yoshitechblog.com/wp-content/uploads/2020/09/4cc20f73601dd484167743e4084fa606.jpg)
表示スタイルは4パターンの中から選べます。
①↓画像のみ![Cocoon_おすすめカードの画像のみ](https://yoshitechblog.com/wp-content/uploads/2020/09/c0e6e9dfa78b38de4e6772798382f0d4-300x46.jpg)
②↓画像中央に白文字タイトル![Cocoon_おすすめカードの画像中央に白文字タイトル](https://yoshitechblog.com/wp-content/uploads/2020/09/6823577c4ca13a21887880afad9c48d0-300x44.jpg)
③↓画像中央にラベルでタイトル![Cocoon_おすすめカードの画像中央にラベルでタイトル](https://yoshitechblog.com/wp-content/uploads/2020/09/687c75fab290a9a5b148fbc5a2e442ce-300x45.jpg)
④↓画像下段を黒背景にしタイトルを重ねる![Cocoon_おすすめカードの画像下段を黒背景にしタイトルを重ねる](https://yoshitechblog.com/wp-content/uploads/2020/09/35de846a5f067cce5dd470be04d78cd0-300x44.jpg)
(3)設定を変更したら保存⇒完了を忘れずに。
![WP_おすすめカード設定の保存と完了](https://yoshitechblog.com/wp-content/uploads/2020/09/64459ed622ca585e7801810359ad9696.jpg)
カード型ウィジェット②:ナビカードで作る
![ナビカードのイメージ](https://yoshitechblog.com/wp-content/uploads/2020/09/b700b2ac3cadb7b772d0f7033d4e40cf-1024x576.jpg)
★おすすめ記事ウィジェットをナビカードで作成する方法もご紹介します。おすすめカードだと小さい、もっとアピールしたいという人はこちらがおすすめ。
![Cocoon_ナビカードでおすすめ記事イメージ](https://yoshitechblog.com/wp-content/uploads/2020/09/148bcb64ac4ce1408c40cc37f0b37d42.jpg)
ナビカードのメリット
・1つずつの表示スタイルなので大型カードになり視認性が良い
ナビカードのデメリット
・大型カードでスベースを使うのでのサイドバーのエリアがかなり縦に伸びる
よしてっく
ナビカードにも先ほど作成したおすすめ記事メニューを使います。
手順を解説します。
(1)WordPress管理画面(ダッシュボード)の外観⇒ウィジェットをクリックします。
![WP_外観のウィジェット](https://yoshitechblog.com/wp-content/uploads/2020/08/350be2dfc22ad3e96460911d1f12d4e3-300x128.jpg)
(2)利用できるウィジェットの[C]ナビカードの▼をクリック⇒ウィジェットを追加をクリックします。
![Cocoon_ナビカードの追加](https://yoshitechblog.com/wp-content/uploads/2020/09/bed7719d352a56a0d0b29dfd4d1760eb.jpg)
(3)ナビカードがサイドバーのエリアに追加され、設定ダイアログが開きます。
![Cocoon_ナビカードの設定ダイアログ](https://yoshitechblog.com/wp-content/uploads/2020/09/5318b0bd8bca593a2b48c8ec740b90b6.jpg)
(4)タイトルにおすすめ記事、メニュー名をおすすめ記事(メニューで作成済)、表示スタイルを大きなサムネイル、矢印表示に✅チェックを入れます。
![Cocoon_ナビカードの設定](https://yoshitechblog.com/wp-content/uploads/2020/09/f15c7d16c5d82c4e3d719269005f3f09.jpg)
(5)保存⇒完了をクリックします。完了したらウィジェットの位置を調整しましょう。
![Cocoon_ナビカードの設定保存完了](https://yoshitechblog.com/wp-content/uploads/2020/09/621bb1388a2f20f5d3822b96d055ddd9.jpg)
サイドバーにナビカード型のおすすめ記事ウィジェットが設置できました。
![Cocoon_ナビカードでおすすめ記事イメージ](https://yoshitechblog.com/wp-content/uploads/2020/09/148bcb64ac4ce1408c40cc37f0b37d42.jpg)
表示スタイルを変えたい場合はおすすめカードと同じように、ナビカードの設定ダイアログでいろいろ試してみてください。
おすすめカード型かナビカード型、どちらか気に入ったほうを選んで設置で良いと思います。
アザラシ君
実際のサイトで確認して好きなカードスタイルを選ぼう!
まとめ:見てほしい記事はおすすめ記事カードでアピール
今回は、WordPressのCocoonテーマでサイドバーにおすすめ記事のカード型ウィジェットを設置する手順を解説しました。
おすすめしたい記事なのになかなか読まれない(PVが伸びない)場合はサイドバーでアピールしてみましょう。
よしてっく
おすすめなら見てみようかな、という人はかなりいます!
それでおすすめ記事のPVが伸びてくれれば、よく読まれる記事一覧にもランクインするかもしれませんので積極的にサイドバーに置いてみましょう。
おすすめカードの効果でPVが爆上がりするかはわかりませんが、0⇒1以上にする可能性はアップします。
ブログ運営、頑張ってください。
コメント