［Cocoon］カテゴリーラベルの位置と形をかえよう

以前から気になっていた部分を変更しました。

自分のサイトのトップページは、たぶん自分が一番目にする機会が多いですよね。
特に誰も見ていない部分をこだわりたくなるから厄介です！

左上にぴったりくっついているのが気になっていたこのカテゴリーラベル！

あっという間に変更できました。

カテゴリーの作成、アイキャッチラベルの表示/非表示はこちら

［Cocoon］カテゴリーを作ろう！【初心者必見】

2021/8/26-ブログ記事が増えていくとジャンルごとにカテゴリー分けが必要になってきます。又、［Cocoonテーマ］では、カテゴリーを使った独自の機能がたくさん有るため早い段階でカテゴリーを作り振り分けておくことが重要です。［WordPress］では標準機能で簡単にカテゴリーができるのでさっそく始めましょう！

harbotsfield2nd.com

2021.06.22

↓　カテゴリーラベルをちょっと変えてみました　↓

！拡大してみるとこんな感じ！

Cocoonのカテゴリーラベルのカスタマイズ

WordPressテーマ「Cocoon」のカテゴリーラベル部分のカスタマイズを紹介する記事です。いくつかのデザインのバリエーション例とそのCSSコード、そしてそれらの解説も行っています。カテゴリーラベルのカスタマイズに取り組んでいる人たちの...

mycus-tom.com

参考私が追加CSSにはりつけたのはこちら！

/*Cocoonのcat-label（カテゴリラベル）のカスタマイズ（全体）*/
.cat-label, .related-entry-card .cat-label {
	padding: 1px 10px;
	top: 4%;
	left: 2.5%;
	border: 0;
	border-radius: 30px;
	line-height: 1.8;
	font-size: 0.67em;
	font-weight: 500;
}

★CSSの貼り付け方法はこちら ★

［WordPress］初心者でもわかる簡単なCSSの貼付方法

「CSSって難しそう」「CSSってめんどくさそう」とか思いますよね でも、やってみると、「なーんだ！」と思います コピーして貼るだけのCSSをたくさんの方が公開しています 思い切って貼ってみて、「やっぱり違う」とおもえば消してしまえば元通り...

harbotsfield2nd.com

2021.04.18

スポンサーリンク