好みの色にカスタマイズ可能なシェパードチェック♠マルチ

sc_mul1 (1)只今、お盆休み真っただ中ですね。

我が家は相変わらず「インドア」な生活です。小学生の息子の夏休みの宿題、これが佳境に入っていまして…(笑)何処へも行けない状況です(笑)

さて、このブログは何度も申し上げますが、”内部SEO施策済みのシンプルな無料Wordpressテーマ”Simplicityというテーマをお借りしています。
このSimplicityというテーマは、skinというテンプレート(?)を使ってサイトデザインの差し替えが可能になっています。
そのskin作りが殊の外面白くて、楽しくて(#^^#)
皆様にも、是非使って頂けたら…とアップしています。

今回は、「背景画像の完全マルチカラー化」してみました。

シェパードチェックというチェック柄なのですが、画面で見難いのですが、普通の格子より少し手が込んでいます。
CSSではありません。png画像で仕上げてあります。

sc_r←こんな感じですが、これの「マルチカラー化」に成功しました。(笑)
「何、言ってるの?訳わからん!」って言いたくなりますよね?
実際にファイルに入っている画像は、pngのほぼ透明色と、白色の画像です。

そうです!勘の良い方は気づかれたと思いますが(こんなん、前からやってるよ!)って方、すみません<m(_ _)m>

Simplicityのカスタマイズ画面の「色」項目で背景色を選んで頂くと、ご自分の好きな色のチェックが出来上がります。↑の3色のサイトは一つのskinから作ったものなのです。

外観 → カスタマイズ → 色 → 背景色だけでなく、naviメニュー等もここで変えて頂けると、簡単にサイトが出来上がります。

camo_gr5真上の画像は、カモフラージュ柄シリーズのグリーンの背景画像です。参考にしてみて下さい。

なお、最初の設定は、背景色は#000(黒)になっています。
各自、ご自分の好きなカラーを設定してみて下さい。

スポンサーリンク

シェパードチェック♠マルチ

上に書いた通りなのですが、一つご自分で修正したくなる部分が出てくると思います。
文字色等は、変えられるところと変えられない所が出てくると思いますし、サイドバーのリボンの色は、style.cssで色を変更しないといけません。

このダウンロードファイルに入っているスタイルシートでは、文字色の黒部分は#333、ナビメニュー等の背景色は#000で分けてあります。
↑のカスタマイズ画面で、好きな色を見つけたら、スタイルシートを一括で色コード変更するのも良いかと思われます。 

↓このサイドバーのタイトル部も、#000の背景色が設定されています。

sc_mu2

ブログタイトル

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

黒のチェックを見ていたら、トランプを想像したので、トランプにありそうなフォントを選びました(笑)カチッとしたフォントが似合いそう。という理由もあり、しっかり目の印象で仕上げました。  

見出し類

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

サイドバーのタイトル

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

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

❤ エントリーカード

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

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

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

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

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

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