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

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

変更点は2点。

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

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

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

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

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

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

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

 

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

2014-08-16_01h03_53

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

2014-08-16_01h10_20

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

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

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

 

/* 記事タイトルのカスタマイズ */
.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);
}

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

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

あなたに合格が訪れます様に

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です