WEB開発 2019年02月25日公開

【CSSコピペ】WordPressのタグクラウドを改行させない方法

CSSを一行追加すればOK

WordPressのタグクラウドを改行させないようにするには、タグクラウドの要素にかかっているCSSに下記の

white-space: nowrap;

を追加するだけです。

デモコード

ちなみにこのサイトで利用しているCSSはこんな感じです。

a.tag-cloud-link {
    font-size: 14px !important;
    padding: 4px;
    line-height: 2.4;
    border-radius: 3px;
    background: #333;
    color: #fff;
    margin: 3px;
    white-space: nowrap;
}

「color」 の 「#fff」の部分を変更すれば、テキストの色が
「background」の「#333」の部分を変更すればタグの背景の色を変更することができます。

まとめ

いかがでしたでしょうか。

シンプルなTipsですが、意外と困っている方も多いのではと思い今回記事にしてみました。

ではでは。

スラスラわかるHTML&CSSのきほん 第2版
狩野 祐東
SBクリエイティブ
売り上げランキング: 452

Writer

フクチ

フクチ| CEO


代表の福知です。 よろしくお願いします。









こちらの記事もおすすめ

Related Posts