【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(ストーク)カスタマイズ記事をお探しの方はこちらからどうぞ

あらやん公式メルマガはこちら

無料のメルマガに登録して頂くとメルマガ会員限定のメンバーズサイトに無料でご招待しています。

メルマガやメンバーズサイトでは

  • 自由なライフスタイルを実現するための具体的な方法
  • 理想を現実にするための思考法・マインドセット
  • より成果を出すための作業のマネジメント

などなど、自由なライフスタイルを実現するための様々な情報を発信していきます。

あなたも自由なライフスタイルを実現し、家族や恋人、友人などの大切な人とニコニコ笑顔で過ごしていけるようなそんな人生を歩んでいきませんか?もしそんな人生に興味や憧れがあるのなら、ぜひこのメルマガに登録して下さいね。

あなたが理想のライフスタイルを実現できるように私も頑張って情報を発信していきます!