JINカスタマイズ

JINでカテゴリーにアイキャッチを設定する方法~サイズも伝授~

categoryアイキャッチ

次世代バナー

こんちゃす!
カテゴリーのアイキャッチ設定で悩んでいた有川(@arikawa0812)です。

ピックアップコンテンツにカテゴリを追加したいけど、アイキャッチはどうすればいいの?

とお困りのあなた!

今回は、

カテゴリにアイキャッチを設定する方法

をお伝えします。

0.サクッと設定・サイズまとめ

サイズ1440px(公式)
1440×810(16:9でオススメ)

設定手順

「投稿>カテゴリ」

よりカテゴリの編集が可能。

ページ下に「カテゴリーのアイキャッチ画像」という項目があるので、そこで設定。

  • ※上記推奨サイズより小さいと画像が消えてしまう可能性あり。
  • ※うまく設定できないときは、JINを最近ver.に更新しましょう。

では、ここから一つずつ画像付きで見ていきます。

1.カテゴリのアイキャッチ画像を準備する

何はともあれ、画像がないことには設定できないので、

まずはアイキャッチ画像の作成から。

 

カテゴリのアイキャッチ画像サイズは

1440×810px

です。

 

これがかなりデカい( ゚Д゚)

なぜ普通のアイキャッチと同じサイズではないのかは…JIN制作陣のみぞ知る。

 

canvaなどでサクッと作っちゃいましょう。

 

▼無料画像作成ツール:canva

canvaの使い方が分かる記事はこちら↓

canvaでアイキャッチ
これが無料!?canvaを使ってすてきなアイキャッチを作る方法【動画&画像解説】canvaを使ったアイキャッチの作り方を動画と画像2つの方法で紹介!...

2.カテゴリーの編集から画像を設定する

「投稿>カテゴリー」から編集をしていきます。

投稿>カテゴリ

ページの下のほうへ行くと、「カテゴリーのアイキャッチ画像」という項目がでてきます。

そこで、「画像の選択」ボタンを押します。

categoryアイキャッチ設定

選択した画像が出てきたら、ページの一番下にある「更新」ボタンを押して完成です!

【オマケ】カテゴリーの色とは?

カテゴリーのアイキャッチ設定の下にある項目。

 

記事をブログ上で並べて表示したときに、

カテゴリー名がアイキャッチの左上に出ますよね。

それの色を変更することができます。

 

何もしなければ、

外観>カスタマイズ>カラー設定>アクセントカラー

で設定した色になっていますが、

カテゴリー編集で色の設定をすれば、

そのカテゴリーだけ色を変えることもできます。

カテゴリー色

 

特におすすめのカテゴリーの色は目立たせてみてもいいかもしれませんが…

大きな効果はないと思います・笑

ぶっちゃけ、そこに注目してる読者さんはそんなにいないと思うので。

 

また、カテゴリー名の文字が白いので、

 

カテゴリーの色を白に設定すると

何も見えなくなります。

 

ご注意を。

【オマケ2】ページタイトルと本文はどこに反映される?

同じく、アイキャッチ画像設定の近くにある「ページタイトル(検索エンジン用)」と「本文」とは何なのかを紹介しておきます。

カテゴリーページ自体を一つの記事と捉えているので、

categoryタイトル本文

上記画像のように、該当記事一覧の上に、

設定すれば

  • ページタイトル
  • 本文

が挟まれます。

 

ここを設定してるひとはあまり見ないのですが…(私のリサーチ不足かもw)

あったほうが親切かな?とは思います。

設定しきれていない私が言うのもなんですがw

まとめ

以上!

カテゴリーのアイキャッチ画像設定方法

でした。

 

この辺は凝りだすと本当にキリがないので、

ピックアップコンテンツに使いたいから

という場合以外は、設定しなくてもいいです。

 

ではでは、次の記事でお会いしましょう!

次世代バナーストーリー

次世代バナー 次世代バナー吹き出し

jisedai-cta

そんなあなたへ!

私が趣味ブログで

わずか2ヶ月

収益0→1万円になった秘訣を公開中★

↓ちょっとでも興味があったらLet’s クリック!↓

 

記事を購読する!
follow us in feedly

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA