JINの使い方

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

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

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

とお困りのあなた!

今回は、

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

をお伝えします。

0.JINカテゴリーアイキャッチ設定・サイズまとめ

サイズ1440px(公式)
1434×668(有川のカテゴリアイキャッチサイズ)

設定手順

「投稿>カテゴリ」

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

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

■上記推奨サイズより小さいと画像が消えてしまう可能性あり。

■うまく設定できないときは、JINを最近ver.に更新しましょう。

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

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

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

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

 

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

1440×810px

です。

 

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

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

 

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

 

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

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

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

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

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

投稿>カテゴリ

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

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

categoryアイキャッチ設定

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

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

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

 

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

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

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

 

何もしなければ、

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

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

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

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

カテゴリー色

 

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

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

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

 

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

 

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

何も見えなくなります。

 

ご注意を。

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

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

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

categoryタイトル本文

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

設定すれば

  • ページタイトル
  • 本文

が挟まれます。

 

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

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

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

JINカテゴリーアイキャッチ設定まとめ

以上!

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

でした。

 

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

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

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

 

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

 

↓私がブログ開始1年目、収益ゼロだったときの話(*’ω’*)↓

CTAマンガ

 

POSTED COMMENT

  1. かいと より:

    こんにちは、サイト見させて頂きました。
    どのようにやっても、カテゴリーのアイキャッチ画像が表示されません。考えられる原因ありますか?

  2. 有川 より:

    かいとさん

    こんにちは!コメントありがとうございます。

    カテゴリのアイキャッチ設定ができないのですね…
    詳しい状況が分からないのでなんとも言えませんが
    可能性としては

    ・JINが最新ver.ではない
    ・設定したあと「更新」ボタンの押し忘れ
    ・画像サイズが規定に達していない

    などでしょうか…。
    私も以前不具合があったとき、バージョンを更新したら直ったので可能性としてはそこが一番高いかもしれません。

    JINには公式のフォーラムとQAもあるので
    そちらも一度ご確認くださいませm(__)m

    ・QA
    https://jin-theme.com/manual/question/

    ・フォーラム
    https://jin-forum.jp/

  3. リン より:

    初めまして。
    現在、ピックアップコンテンツ作成でとても参考にさせてもらってます。
    少しご相談なのですが、

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

    この部分の『カテゴリーのアイキャッチ画像」部分の「画像を選択」を押しても選択画面に飛んでくれないのですが、この様な症状が出たことがあるでしょうか?
    (ウンともスンとも言わない状態)
    現在、ここで躓いております。

  4. 有川 より:

    リンさん、初めまして!
    JINの記事を見てくださり、そしてご質問ありがとうございます(*’ω’*)

    カテゴリーアイキャッチの設定で、画像選択の画面が出てこないということですね。
    今までそのような状況になったことがないので、解決策として推定できるものは

    ・WPやJINのアップデートを行う
    ・WPにログインしなおす

    以上2点があげられます。
    特に、JINのアップデートをすると不具合が解消されることが多いので、
    まずはこちらをオススメします。

    公式サイトのアップデート方法案内:
    https://jin-theme.com/manual/manual-update/

    あまり力になれずすみません。
    リンさんのブログがより素敵なものになることを願っています。
    ブログのURLを貼っていただけたら遊びに行きますのでよければ(^^)/

有川 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

CAPTCHA