記事タイトルをカスタマイズしました

記事タイトルをカスタマイズしてみました

変更点は2点。

１つは、タイトル横のくるくる回るマイケルから画像を変えたこと。

もう１つは、タイトル下のボーダーを緑⇒青に変えたことです。

理由は、マイケルの画像が重く、ページの読み込みに影響を与えている様に思えることと、マイケルという好き嫌いの極端に分かれる素材は使うべきではないと思ったことです。

私自身、マイケルは大好きですが、社会的なイメージは決してよくありませんよね。

これをシンボルマークにするのは、如何に！？と思ったため、とりあえず外しました。

ただ、今つけているマークも今後変更すると思いますし、根本的にデザインを変えたいとも考えております。

ボーダーの色を緑⇒青にした理由は、見た目の改善と、「まなびや」のイメージカラーであるスカイブルーと統一するためです。

変更前はこんな感じです。

画像とボーダーを変えると、こう変わりました。

ボーダーは良くなったと思いますが、画像は今いち納得がいっていません。

１ヶ月ごとに変えるなりしても良いかなと考えております。

なお、備忘録的に変更後のテキストを記載しておきます。

/* 記事タイトルのカスタマイズ　*/
.entry-title {
	text-shadow: -.1px -.1px 0 #000000, .1px -.1px 0 #000000, .1px .1px 0 #000000, -.1px .1px 0 #000000;
	margin-right: -10px;
	margin-left: -10px;
	padding: 20px 10px 7px;
	border-bottom: ridge 5px #4ee5e5;
	background-image: url(ここに画像のURL);
	background-repeat: no-repeat;
	background-color: #ffc;
	background-position: left center;
	padding-left: 50px;
	margin-left: -10px;
	margin-right: -5px;
	box-shadow: 0 12px 0 0 #ffc, 5px 17px 4px -3px rgba(0,0,0,0.2);
}

なお、最初にカスタマイズした記事に関してはこちらをご参照ください。

★最後まで記事をお読みいただき、有難う御座います★