【ワードプレス】ウィジェットタイトルをカスタマイズ【STORK】

/*【みだし4】*/
h4 {background:green!important;}

STORKの場合、上記の様なCSSで見出し4を装飾すると自動的に『ウィジェットタイトル』まで反映してしまいます。これはウィジェットタイトルが見出し4のクラスを持っているから、どうしてもそうなるわけであります。

という事でどうにか『見出し4への反映』を防がなくてはなりません。方法は簡単です。h4で指定するのではなく、ウィジェットのクラスを別で指定して命令を上書きすれば解決します。

 

ウィジェットタイトルのみ変更する方法

/* ウィジェットタイトル*/
.widgettitle {background:red!important;}

記事内の見出し4は緑のまま、ウィジェットタイトルだけが変更されます。

 

ウィジェットタイトルをカスタマイズ

見出し4の呪縛から逃れたウィジェットタイトルは『見出しの装飾』と同じ要領で背景色、文字装飾、枠線、影などをカスタマイズできます。使用頻度の高いCSSコードの解説はこちら。

【ワードプレス】よく使うCSSコード一覧

 

 

ウィジェットタイトルを非表示にする

ウィジェットはタイトルに入力した文字が見出しになります。逆に言えば『何も入力しなければ非表示』に統一して欲しい所なのですが、僕が確認した所『何も入力しなくても表示されるタイトル』が有ります。それが『カテゴリー』と『タグ』です。

まあよほどのキワモノじゃないと『ウィジェットのタイトル消したい』なんて思わないかもしれませんが、世の中には消したい人だっていますから。

/* ウィジェットタイトルを非表示 */
.widgettitle {display: none !important;}

ただし『表示させたいタイトル』も全て消えてしまうので、そういう場合は画像かなんかでタイトル作って表示させてもいいんじゃないでしょうか(超適当)