DIVERカスタマイズ

内部リンクの日時を消したい

このブログでは消していないけど内部リンクの日時を消したい場合がある
これの右下の投稿日時を非表示にしたい時の対処方法

これで消える
.sc_getpost .date{
	display:none;
}
このコードを任意のスタイルシートに追加
よくわからない場合は「外観」→「カスタマイズ」→「追加CSS」内に記述

特定の記事内だけで消したい場合は記事投稿フォームの下にある「カスタムCSS」に記述

.dateのみでも消えるけど、意図していない場所の日時まで消えてしまう可能性があるので、引用記事のみ消えるように指定してある。


内部リンクのサムネイル画像を消したい場合

サムネイル画像を消したい場合は「.date」を「.sc_getpost_thumb」に置き換える。
.sc_getpost .sc_getpost_thumb{
	display:none;
}

出来上がりはこんな感じ


内部リンクの文字色を変えたい場合

タイトルを消したい人はそういないだろうけど、タイトル周りの色などを変えたい時は「.date」を「.title」に変えて指定する。

内部リンクのタイトルや本文の文字色を変える
.sc_getpost .title{
	background-color:#000; /**タイトルの背景色の指定**/
	color: #fff; /**タイトルの文字色の指定**/
}

.sc_getpost .substr{
	color: #000; /**本文の文字色の指定**/
}
こちらも特定の記事だけ変えたい場合は投稿フォーム下部の「カスタムCSS」内にコードを記述すればいい。

内部リンクのショートコードを任意のdivタグで囲んで指定すれば使い回すことも可能
.kokodake .title{
	color: #000; /**タイトルの文字色**/
}

.kokodake .substr{
	color: #000; /**本文の文字色**/
}
CSSに記述して内部リンクのコードをdivタグ(この場合はclass=”kokodake”)で囲めば出来上がり


おすすめの記事