アイキャッチカテゴリーを角丸に

アイキャッチ画像のカテゴリーを角丸ボタンに表示変更する方法【THE THOR】

この記事ではワードプレステーマ【ザ・トール】で、アイキャッチ画像の右上のカゴリー表示を角丸デザインに変更する方法をご紹介しています。

アイキャッチのカテゴリーを角丸デザインに変更する方法

カスタマイザーからcssを追加

ワードプレスダッシュボード(管理画面)
>カスタマイズ
>追加CSS をひらきます

入力スペースにCSSをコピペ

追加CSS入力スペースに、下記のCSSをそのままコピー&ペーストすれば完了です◎

ここクリックしてCSSをコピー&ペースト
/*アイキャッチ右上カテゴリーを角丸表示*/

.eyecatch__cat {
top: 7px;
right: 7px;
border-radius: 20px;
}

.eyecatch__cat a{
padding-top:2px;
padding-bottom:2px;
padding-right:7px;
padding-left:7px;
}

.eyecatch__cat a::before{
display:none;
}

角丸ってかわいいよね〜♡

角丸になってるだけで、やわらかい印象になりますね♡
女性ブロガー・子育て・生活関係にオススメです!

当サイトのWEBデザインは
ワードプレステーマ【ザ・トール】を使用しています

無料〜有料までたくさんのワードプレステーマを使ってきた筆者が「最後のテーマになるかも…!!」と使っているのが
抜群に上位表示されやすいWPテーマ【ザ・トール】です。

それまでのテーマで、設定しようにもチンプンカンプンだったAMP・PWAも標準搭載のうえ、デザインカスタマイズも自在で、同じテーマで全く雰囲気の異なる別サイトも作ることができます!
ランキングサイトや、口コミサイトも作れるそう…!

なにより…

「ザ・トール」は一度購入したら
ずっと使い続けられるテーマです

という制作者の心意気を買ってます!

めめこ
無料・有料含めて色々試した私にとって、かなり惹かれる一言…!!

ザ・トールは、バージョンアップ・機能追加・機能改善を繰り返す「成長・進化し続けるテーマ」です。一度購入すれば、その後のバージョンアップ・機能追加改善など、すべて無料で受けられます。フィット株式会社が開発する「ザ・トール」の成長と進化は止まることを知りません。今後も利用者の方からのご要望や最新の技術を積極的に取り入れ、改良を重ねてまいります。ザ・トールは常に時代の最先端のテーマであり続けます。

  • ブログをはじめたい
  • ネットで稼ぎたい
  • SEOに強い一生モノのテーマが欲しい

上記のいずれかにあてはまる人は【THE THOR】ザ・トールがオススメですよ!(経験者は語る)

ザ・トールの料金・実際のブログ収益

ザ・トールは今日現在、税込¥16,280-で販売中。
私は、当サイト含め現在3サイト運営しておりますが、月収入は1万円〜2万円です。(主にAdSense)
スキマ時間を活用した更新ペースで、1年間無理なく運営していて総収入は15万円ほど。
先行投資としては全然アリだったと思います!

それまで無料〜安価なテーマを使って苦戦してきた結果も記事にまとめていますが、本当に早く買っておけばよかったな…あの時間は一体…と思っています笑

関連記事

「おしゃれで見やすいブログをはじめたいな〜」と思いこれまで無料・有料含めたくさんのワードプレステーマを利用してきました。 この記事では、これまで実際に使用してきたワードプレステーマを比較・紹介しています。 特に下記のようなニーズに応[…]

おしゃれなワードプレステーマ6選

ブログランキングに参加しています!

クリックで応援して下さると励みになります!
にほんブログ村 家族ブログ シングルママへ
↑パワフルなシンママさんたちのブログたくさん読めます!↑