WordPressで投稿日や投稿者＆LEAVE A COMMENTを非表示にしてやった(*'-')ﾌﾌ♪そしてCSSでエンボス加工にした日付表示だけをいれることに！

更新日：2019年2月5日

2013.10.29

WordPressのデフォルト設定で表示される投稿日、投稿者、コメントを残すの表示。前から目障りだな〜ッて思ってたんですが、どうせfunctions.phpいじらないといけないんだよなーっと思い、じゃまくさかったんで長い間放っておきました。

でも最近やっぱりうっとしいということで、ググり調査。
表示を消すのはCSSでかんたんにいけます。下のように"display: none;"を追加するだけ。

.entry-meta { 
	display: none;
	color: #DC143C;
	font-size: 18px;
	padding:2px;
	margin-top:1px;
	text-transform:uppercase;

}

これで綺麗さっぱり消えてくれます。
でも日付まで消えるのはこちらとしてもちょっと不便。
なのでアイキャッチ画像の左下にCSSでデコレイトしたサイトイメージに溶け込むやつを入れることにしました。

⬇参考にしたのはこちらのサイト。

CSS3(text-shadow)でテキストの装飾がここまでリッチに - Life with IT

上記サイトのコードを入れて作ってみた日付表示。３種類ほど…こんな感じ。

⬇立体表示

⬇ネオン　光ってますね〜

⬇エンボス加工

まっ日付表示がそんなに自己主張してもしょうがないかなってことでエンボス加工をチョイス。

ウィジェットの上左右角丸に合わせてあります。
う～ん可愛くていいんじゃないでしょうか。ﾟ.+:｡(〃ω〃)ﾟ.+:｡♪

CSSコードはこちら。

{ font-family:fantasy; 
	text-shadow: 
	1px  1px 0px #fff,
  	-1px -1px 1px #666;
	font-weight: normal; 
	color: white; 
	width: 150px;
	height: 35px; 
	text-align: center; 
	background-color: #DC143C;   
	padding: 2px;
	border: 1px solid #f0f0f0;
	border-bottom: 3px solid #ccc;
	border-top-left-radius: 20px;  /* 左上 */
   border-top-right-radius: 20px; /* 右上 */
}

⬇

あとはおなじみTextExpanderにこんな感じでスニペット登録しておけば、スパーンとお手軽入力OKです。