[WordPress.com] カスタムカラー機能の中にある背景パターンの色を薄くする方法についての検討

WordPress.com のカスタムカラー機能の中に背景パターンの設定がありますが、

asdfafads

全体的に色が濃すぎるような気がします。大は小を兼ねる、ではありませんが、薄いものを濃くするよりは濃いものを薄くするほうがやりやすいので濃い目にしているのかな、と想像します。

image

ここでは、背景パターンの色を薄くする方法について検討してみました。

画像のデータ自体を薄くする

画像を一旦ダウンロードしておいて、色を薄くしてから再度、その画像をアップロードする、という方法が考えられます。サポートページ「Background Patterns|Custom Colors — Support — WordPress.com」によると、カスタムカラーの背景パターンはCOLOURloversというサイトで提供されているもののようです。

ためしに背景パターンの中にある以下の画像を検索してみたら、

asdfasdf

ちゃんと検索でひっかかってきました。

sfgsgfsdg
Pattern / Dulce Aroma :: COLOURlovers

権利関係を見てみると改変可能のようです。

adsfsfsd

そんなわけで、確証はありませんが、なんとなく、画像を薄くして、再アップということは可能ではないかと思われます。

after を使って、上から半透明の色を被せる

たとえば、テーマ「Twenty Eleven 」の場合、以下の CSS を CSS スタイルシートエディターに追加すると、

/* 背景パターンの上から薄い色をかぶせるための CSS -テーマ「Twenty Eleven 用- */
body {
	position: relative;
}

body:after {
	content: "";
	position: fixed;
	background-color: rgba(255,255,255,0.7);
	background-image: none;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	margin: -30px 0;
	padding: 30px 0;
}

#page {
	position: relative;
	z-index: 1;
}

背景の画像を薄くすることができます。

sdfggsdf

rect3015

adfadf-1


画像の表示速度を考慮すると、一手間かかりますが、画像を直接薄くする方法の方がスマートではないかと個人的には考えます。

参考

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。