【STORK】『ウィジェットタイトル』をCSSカスタマイズ

『見出し4』の反映を防ぐのが第一の目的

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

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

なので『ウィジェットのクラス』を指定してCSSを作る必要があります。

CSS
/* h4装飾によるウィジェットタイトルへの影響を相殺*/
.widgettitle {
background:red!important;
}

もちろん『記事内の見出し4』は緑のまま。カテゴリーのタイトル背景色だけを変更しています。この応用で文字の大きさ等も全て『見出し4』と『ウィジェットタイトル』の差別化をはかる事が可能です。

 

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

『見出し4』の呪縛から逃れたウィジェットタイトルは『見出しの装飾』と同じ要領で背景色、文字装飾、枠線、影などをカスタマイズできます。下のCSSをコピペして自由にいじってください。コードの詳しい説明は【CSSコード一覧表】で確認をお願いします。

/* ウィジェットタイトルをカスタマイズ*/
.widgettitle {
font-size:1.3em!important;
background:red;
color:black;
border:solid 5px orange!important;
box-shadow: 5px 5px 5px #848484;
}

 

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

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

まあよほどのキワモノじゃないと『ウィジェットのタイトル消したい』なんて思わないかもしれませんが、世の中には消したい人だっている可能性があるわけです。僕だって消したくてこのカスタマイズ法を模索したワケですから。今は使ってないですけど。

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

これを【追加CSS】にコピペするとウィジェットタイトルが消えます。

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

 

『ニューヨーク』が有るという事は『旧ヨーク』もあるんじゃないのか