【JINカスタマイズ】サムネに重なるカテゴリー名をタイトル下に移動したい。が、やっと解決した。

今の会社に勤めてやがて3年目になりますが、サイト構築に限っては全くの初心者です。
　
元アフィ子をご存知の方はお察しいただけると思いますが、このサイト・・・実は独断で勝手に始めているので、エンジニア側は一切関与してくれません😭
　
　
だから、WordPress設定から記事更新、画像作成まですべて私ひとり😭笑
　
そんな私が藁にもすがる思いでたどり着いたのが、こちらのWordPress（ワードプレス）テーマ「JIN」🐏だったんです。
　
　
みなさんご存知、アフィリエイターでもある「ひつじ🐏（@hituji_1234）」さんが作ったテーマだけあって“アフィサイト・SEOブログ向け”でとっっても使いやすい。

そしてカスタマイズ画面の説明も丁寧で分かりやすいです。
　
　
色んなブロガーさんがJINカスタマイズの方法についてまとめてくださっているので、なんとかサイト開設まで無事にたどり着きましたm(_ _)m

ありがとうございますm(_ _)m
　
　
でも、ただ1つ！！

どれだけJINの公式サイトを見ても、検索しても出てなかったこと・・・
　
それが「サムネ画像に重なるカテゴリー名を移動させる方法」です。

今回は、内密なルートを使い「カテゴリー名をタイトル下に持っていくコード」を入手したので、その方法を紹介しますね。
　

（ただ単にエンジニアの方に“ワイロ”という名の缶コーヒーを渡して、教えてもらっただけですw）

JINカスタマイズ画面で「コード追加」するだけ

まぁ〜“方法”と言いましても、ただコードをCSSに追加するだけなんですけどね。
　
無駄にもったいぶってすみません（笑）
　
　
記事一覧に表示される「サムネのカテゴリー名をタイトル下に持っていく手順」は以下の通りです。

１.外観からテーマを選択

まず、WordPressの管理画面から「外観」の「テーマ」を選択します。

２.JINテーマのカスタマイズ画面へ

テーマ一覧から、現在使用している「JIN」のカスタマイズを選択します。

３.追加CSSにコードを追加する

次に、カスタマイズ画面の一番下にある「追加CSS」を選択。

この「追加CSS」枠に（超内密なルートで手に入れた）下記コードを追加する。

　

あとは、右上の「公開」ボタンを押すだけ。
　
ね？簡単でしょう？
　
これでサムネ画像の邪魔をすることなく、カテゴリー名が表示されるようになります。
　
【before】

　
【after】

※＜トップページ設定＞の＜トップページの記事一覧選択＞が「ベーシックスタイル」になっていると、反映されません。

ちなみに私の設定は、「マガジンスタイル（スマホ２カラム）」です☺️

たまにTwitterでもカスタマイズ方法を呟いてます

今回はTwitterだけではなく、記事でも紹介させていただきましたが、記事にするほどでもない些細な内容はTwitterで呟くことが多いです。

アイキャッチのカテゴリー部分を、タイトル下に持っていく方法。下記コードを「追加CSS」のところに入れるだけ。これで解決した。

140文字に収まらんからコメントにコード貼っておきます。#Twitterの文字数 #少なすぎやろ#JINテーマ #ワードプレス #テンプレート pic.twitter.com/Cu8ytICq5Q

— 元アフィ子＠グーグル男に片思い中 (@motoahiko) 2019年5月24日

（まぢでどうでもいいようなことも呟きますが・・・）

最近グーグル男ってスペック高い女がタイプだよね。
良いとこ育ちのお嬢様。名門高校卒業みたいな。（ドメインが強いサイト、大手企業のサイト、ブランドサイトばっかり）

内面はみてくれない。
あぁ〜変わってしまったね。いつか気づいてくれる。って私たちグーグルのなんなのって話で盛り上がった。

— 元アフィ子＠グーグル男に片思い中 (@motoahiko) 2019年5月24日

どうか、お付き合いください🙇‍♀️w
　
今後は、きちんとWordPressのカスタマイズ方法や当サイトで使用しているテーマ設定など「お役立ちの情報」も公開していこうと思ってますので、気軽にフォローしてください！