Simplicityのskinを作ってみた。アーガイル*ピンク

arg_P1
このシリーズは、アーガイル柄です。落ち着いた感じを出してみました。本当は、CSSでこのアーガイル模様をデザインしたかったのですが、思うような色合いが出せずに画像を使用しています。このアーガイルの画像は恥ずかしながら私が作りました。それでも、可能な限りCSSでデザインしたいと思っているので、このCSSで図柄を作ることはこれからの私の課題です。

このブログは、”内部SEO施策済みのシンプルな無料Wordpressテーマ”Simplicityというテーマをお借りしています。

背景が少し騒がしいので、アクセントとしてのH1とH2タグは少し控えめにしてみました。

なお今回は、ヘッダーの画像は写真素材ダウンロードサイト【写真AC】さんの素材をお借りしています。

こちらは、再配布が禁止されておりますので、ダウンロード用skinファイルには画像は入っていませんのでご了承下さい。

この写真素材ダウンロードサイト【写真AC】さんはイラストや、シルエット(モノクロ)素材なども無料で配布されていて(一部有料のものもあります)、 とても使い勝手の良いサイトさんです。ブログ作成を始めて以来、ずっとお世話になっています。

素材をダウンロードするのに会員登録は必要ですが、無料で登録出来るので登録しておいて損はないと思います。(有料のプレミアム会員の登録も可能)

イラストAC,シルエットAC,フォントAC等々姉妹サイトがありますが、登録は1回で済みますので、手間も最小限ですね。

ブログ素材だけでなく、年賀状にも使えるらしいです(笑)

スポンサーリンク

Print*Argyle アーガイル柄ピンク

ちょっと可愛い過ぎるかな?とも思いましたが、色目を抑えると素敵な感じになったと思っています。
↑のような、少しくすんだ写真と合わせるとぐっと大人っぽくなって、よいのではないでしょうか?

Simplicityは、ヘッダーは100pxと狭めに設定されていて、ロゴ部やヘッダーのデザイン力が必要になってしまいますが、こんな風に写真と組み合わせると、大した技も使わずに(笑)おしゃれな感じになって良いと思います。

ブログタイトル

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

筆記体が良い感じに映えると思っていますがいかがでしょうか?

見出し類

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

arg_P2

アーガイルの模様だけでも良かったのですが…(笑)

ヘッダー下に画像を入れてみました。使用している画像は、上で書いた通り再配布禁止の素材のものなので、ダウンロードファイルには入っておりません。お好きな画像を入れるか、そのまま画像無しで使うか?はご自由にどうぞ。

アーガイルの模様も見てほしかったので(笑) height:500px;と高めに設定していますが、アーガイルの模様が見えない方が良いならば、差し込んだ画像に合わせたheightを設定して使ってください。

↓ 200行目からのコメントアウトが、画像についてのコードです。ここはお好きに設定下さい。

arg_P5

サイドバーのタイトル

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

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

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

arg_P4

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

arg_P3

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

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

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

スキン追加方法の手順は、Simplicityさんのサイトでもご確認頂けます。 Simpl女子、増えたらいいなぁ~❤(笑)