【STORK(ストーク)】デザインの細かすぎるこだわり!?カテゴリーラベルをまっすぐにする方法

どうも、あらやんです。

今回はWordPress用テーマ「STORK(ストーク)」をお使いの方向けに、かつてないくらい細かなデザインに関するネタを紹介します(笑)。記事を表示させた時にメインカラム左上に表示されるカテゴリーラベルに関してなんですが、標準だと斜めに表示されるカテゴリーラベルをまっすぐに表示させる方法を説明します。

ちなみにどこのことか良く分からない方もいるかもしれないので画像で説明しますと、ここのことです↓

ちょっとラベルが短いので分かりづらいかもしれませんが、微妙にななめになってるの分かりますかね?これをまっすぐにしていきます。

ちょっと細かすぎるよ~と思うかもしれませんが、きっとこんなとこまでこだわりを持てるくらい自分のブログに愛着を持った方はきっといるはず!職人並みの細かなこだわりを持つ人、私は好きです。

という訳で、説明していきますね。

 

コピーして貼り付けるだけ

説明と言ってもやり方はとっても簡単です。

ダッシュボード画面左にある外観からカスタマイズをクリックし、表示される項目の中から「追加CSS」をクリックして下さい。そこに以下のコードをコピーして貼り付けるだけです。

@media only screen and (min-width: 1166px) {
.single .byline .cat-name{
transform: rotate(0);
}
}

こんな感じ。そうすると、


Before


After

 

はい出来ましたー!

 

ちなみに右側にもできるよ

ちなみにカテゴリーラベルはメインカラムの右上に表示させることも出来ます。その場合は、

@media only screen and (min-width: 1166px) {
.single .byline .cat-name{
transform: rotate(0);
position: static;
}
}

上記コードを追加CSSに貼り付けて下さい。そうすると、

こんな感じで右上に表示できます。

ここまでデザインにこだわりたいあなた!ぜひ参考にしてくださいね。それでは以上です、お疲れさまでした。

カスタマイズ記事まとめ

他のSTORK(ストーク)カスタマイズ記事をお探しの方はこちらからどうぞ


無料会員制のメールコミュニティへご招待しています

無料で参加できるメールコミュニティ、その名も「ニコニコスマイルコミュニティ」にご招待しています。

このコミュニティではブログでお伝えしきれなかった内容やコミュニティ参加者限定のコンテンツをプレゼントしています。ネットビジネスでお金を稼ぐ力を身に付け、自由なライフスタイルを実現して大切な人とニコニコ笑顔で暮らしていけるような人生を創造していきたいのなら、あなたも無料のコミュニティに参加して仲間になりませんか?