ピックアップコンテンツの設置方法
ピックアップコンテンツとは、サイトのこの部分(赤枠)です。
他の人のブログを見ていたところ、採用されている方が多かったので私も導入することにしたのですが、結構苦戦しました。
ピックアップコンテンツの設置方法を具体的にご紹介したいと思います。
![](http://sokuyaru.com/wp-content/uploads/2020/06/0-1-1024x479.png)
「外観」⇒「メニュー」から「新しいメニューを作成しましょう。」をクリック。
![](http://sokuyaru.com/wp-content/uploads/2020/06/1-5-1024x503.png)
「メニュー名に適当な名前を入力(ここではピックアップ)」⇒「ピックアップコンテンツにしたいものを選択(ここではカテゴリーの項目)」⇒「トップページのピックアップコンテンツにチェック」⇒「メニューを保存」。
![](http://sokuyaru.com/wp-content/uploads/2020/06/2-2-1024x496.jpg)
これでピックアップコンテンツが表示されます。
ピックアップコンテンツに画像が表示されない
ピックアップコンテンツが設置できたと喜んだのもつかの間、次はピックアップコンテンツが表示されないという問題が発生しました。
![](http://sokuyaru.com/wp-content/uploads/2020/07/2020-06-26_21h51_41-1024x220.png)
いろいろ調べてみると、画像サイズは幅1280px/高さ720px以上である必要があるとのこと。
私の場合、Canvaでアイキャッチ画像を作成しているので、ピックアップコンテンツの画像も作成してみました。
Canvaで適当に作成。
https://www.canva.com/
![](http://sokuyaru.com/wp-content/uploads/2020/07/2020-06-26_22h16_43-1024x474.jpg)
今回は、ピックアップコンテンツをカテゴリーにします。
「投稿」⇒「カテゴリー」⇒「編集」を選択。
![](http://sokuyaru.com/wp-content/uploads/2020/07/2020-06-26_22h18_33-1024x474.png)
先ほどCanvaで作成した画像を選択し、更新。
![](http://sokuyaru.com/wp-content/uploads/2020/07/2020-06-26_22h19_11-1024x474.png)
無事にピックアップコンテンツの画像が表示されました。
![](http://sokuyaru.com/wp-content/uploads/2020/07/2020-06-26_22h19_37-1024x239.png)
ピックアップコンテンツに文字を入れる
ピックアップコンテンツに文字を入れたり(左)、抜いたりできます(右)。
![](http://sokuyaru.com/wp-content/uploads/2020/10/2020-06-26_21h51_41-1.png)
![](http://sokuyaru.com/wp-content/uploads/2020/10/2020-06-26_22h19_37-2.png)
ダッシュボードを開き、『外観』⇒『カスタマイズ』をクリック
![](http://sokuyaru.com/wp-content/uploads/2020/10/2020-10-06_17h04_55.png)
「トップページ設定」をクリック
![](http://sokuyaru.com/wp-content/uploads/2020/10/2020-10-06_21h21_04.png)
「メニュータイプ」or 「メニュータイプ(文字なし)」を選択
![](http://sokuyaru.com/wp-content/uploads/2020/10/2020-10-06_21h21_14.png)
以上で、ピックアップコンテンツが設置されます。