超期間限定!!Simplicity用skin、ハロウィンバージョンを作ってみた。

hh_orange

昨日、テレビを見ていたら、既に「ハロウィン」のCMが流れ始めていました(笑)
まだ夏休みですけどね…。先取り感、半端ないですね~(#^^#)

でも、私自身、夏の終わりからハロウィンまでの期間ってとても好きな時期です。
日中は暑い日もあるけれど、朝晩のひんやり感がとても心地よくて…。食べ物も美味しいしね~(笑)

秋の夜長って、良く言ったもので本当に夜更かしが気持ちよく感じます。必然的にパソコンの前に座ることも多くて、勉強?もはかどったりしませんか?

前置きが長くなりましたが、私も大好きなハロウィン(私は仮装とかはしませんが(笑))に向けて、skinを作ってみました。
宜しかったらお持ちください。

今回も、「背景画像の完全マルチカラー化」にはなっていますが、ハロウィンですので、イメージとかけ離れた色はおススメしません。

今回は、背景の「+」はcssで仕上げてあります。

hh_css

↑の #F39800 の部分が「+」です。一番下の〇は、ヘッダーの背景部分です。
背景は、 #000 の黒色です。
色を変えたいときは、この#F39800 を変えてみて下さい。

スポンサーリンク

Happy Halloween ハロウィン(マルチカラー)

上に書いた通りなのですが、このskinはご自分で修正可能です。

とは言っても、ハロウィンの色ってそんなにバリエーションは無いでしょうし、期間も2ヶ月?限られるので、
オレンジか?下に貼ってあるパープル系か?の二択でしょうか?

お好きにカスタマイズも結構だと思います。

hh_orange_2

ブログタイトル

❤ GoogleのWebfontを使っています。設定済ですので、ブログのタイトルを”英語で入れる”と、見本のような感じになります。可能な限り、英語でつけて欲しいなぁ(笑)

このフォントは、前々から目をつけていて(笑)、ハロウィンのskinに似合うだろうなぁ。とチェックしていました。今回使用できて嬉しいです(笑)

フォントのカラーは、私は白色を設定していますが、これも好きに変えて頂いて良いと思います。

見出し類

❤ h1~h5まで設定致しました(h6)は私が使わないので設定していません(笑)   

サイドバーのタイトル

❤ サイドバーは、シンプルすぎるくらいにしておきました。

一覧リスト エントリーカード(デフォルト)、タイル状

❤ エントリーカード

デフォルトのエントリーカードでは、一覧リストはこの様になります。
hh_orange_3

3列や2列のタイル状は、次のようになります。 写真の多いブログにも、邪魔をせずに良いかと思います。
hh_orange_4

また、色違いで青も良いかと思って、作ってみました。

hh_blue

青というか、紫ですね~。これはこれで可愛いですよね~。

お気づきの方もいらっしゃるかもしれませんが、今回のヘッダー画像は配布skinには含まれておりません。
(h1等のタイトル横のジャックオランタンと、ゴーストはwebフォントを流用していますので、そのまま表示されます)

このヘッダー画像はイラストダウンロードサイト【イラストAC】の素材をお借りしております。イラストacさんの規約により、弊サイトからの配布ファイルには添付出来ませんので、予めご了承下さい。

イラストダウンロードサイト【イラストAC】は、無料の会員登録で、ダウンロードも無料で行えます。

hh_irasutoac

↑は「ハロウィン」で検索をかけて、出てきた素材達です。12000件を超える素材が登録されていました(驚!)探すのも大変ですが、イメージがわいて楽しい作業だと思います。

また、素材をダウンロードする際は、なるべくPNG形式のものをダウンロードされると良いと思います。透過されているものが多いので、背景色を設定できるからです。
是非、お好きな素材を探してみて下さいね。

また、サイズが大きめですので、加工が必要になってきます。
私が使っているのがGimpというソフトですが(こちらも無料です)使いやすいし、操作方法もブログ等で解説されている方がいらっしゃり、ネットで沢山ヒットします。お勧めです。
弊サイトでも、Gimpの操作用の記事を準備中です。頑張って執筆しておりますので、少々お待ちください。

下のリンクよりダウンロード下さい。 手順等は、Simplicityさんのこのページが見やすいと思います<m(_ _)m>

ダウンロードしたファイルをご自身のSimplicityテーマのskinフォルダへ追加頂き

ダッシュボード ➡ 外観 ➡ カスタマイズ ➡ スキン よりこのskinを選択してお使い下さい。

スキン追加方法の手順は、Simplicityさんのサイトでもご確認頂けます。