Simplicityのスキン m-tomato を作ってみました。

この記事が気に入ったらシェアしてくださいな。

WordPressのテーマ「simplicity」のオリジナルスキン「m-tomato」を作成してみました。トマトカラーをモチーフにデザインしています。よろしければ、ダウンロードしてご利用くださいませ。

スポンサーリンク

WordPressテーマ「simplicity」のスキン機能

WordPressのテーマ simplicity の特徴のひとつとして、スキン機能があります。

まりんアイコンまりん

マウスで選択するだけで、手軽に見た目の変更が出来る便利機能なんですよ〜

メリット
  • テーマカスタマイザーで設定変更するのと同じ操作でサクッガラッと見た目の変更が出来る
  • テーマで設定したメニューやウィジェット、functions.phpがそのまま利用できる
  • 他の人が作ったスキンもFTPでスキンフォルダにコピーするだけで簡単に利用できる
  • 元のデザインに戻すのもマウスでクリックするだけ

通常、テーマの見た目を変更したい場合は、子テーマを編集するのですが、simplicityの場合は、子テーマに加えて独自のスキン機能があって、管理画面の「外観」「カスタマイズ」にて、登録されたスキンを選択するだけでサクッと見た目を変えることが出来るんですよね。

デフォルト状態でも20種類を超えるスキンが用意されており、とってもお気軽に見た目の変更が可能となっているんですよ。素晴らしいです。

用意されているスキンはどれも素敵なのですが、やっぱり自分らしい見た目にしたいと思ったので、最初は子テーマを弄っていたのですが、途中でスキン機能だけで何とかなるんじゃないかと思ってやり始めたら、結構うまく出来ることが判りました。

スキン作成の元となるファイル群は、最初からsimplicityに入っていますけど、作者様のサイトに掲載されているものをダウンロードして利用するのが良いでしょうね。

利用方法の説明とか作者様以外の方が作成されたスキンの紹介などが載っています。まずは一読されることをお奨めします。

Simplicityのスキン
スタイルシートのみで、手軽に外観を変更したい場合は、スキンがお勧めです。 他の人が作ったSimplicityスキンでも利用できます。 詳しい仕様は以下を参照してください スキン機能の仕様 パーツスキン機能の仕様 Simplicityスキン

オリジナルのスキン「m-tomato」

ということで、オリジナルのスキンを作ってみました。その名も m-tomato

人物アイコンまりん

トマトカラーをモチーフに色合いを統一して、背景を大きな一枚画像として、トマトやハーブ、フレッシュベジタブルを配置したデザインとしています。

初期設定の背景画像は、結構インパクトが強いものとなっておりますが、simplicityのカスタマイズで簡単に変更することが出来るようになっています。

また、カスタマイズで別の背景画像に変更した後、元に戻すのも簡単。カスタマイズで背景画像なしに設定するだけです。

メインカラムの見た目はこんな感じです。

もし、よろしければ、スキン「m-tomato」をご利用くださいませ。

インストール方法や利用方法は、作者様のサイトをご覧ください。

Simplicityのスキン
スタイルシートのみで、手軽に外観を変更したい場合は、スキンがお勧めです。 他の人が作ったSimplicityスキンでも利用できます。 詳しい仕様は以下を参照してください スキン機能の仕様 パーツスキン機能の仕様 Simplicityスキン

表示サンプル

このページだけスキン「m-tomato」を適用して表示しています。以下は、表示の確認用の記述です。どのように表示されるかをご確認ください。

人物アイコンまりん

h1については、本ページの一番上の記事タイトル部分の表示状況をご覧ください。
(h1がページに複数出現するのはよろしくないので・・・)

見出しh2

見出しの下に本文です。

見出しh3

見出しの下に本文です。

見出しh4

見出しの下に本文です。

見出しh5

見出しの下に本文です。

見出しh6

見出しの下に本文です。

これはパラグラフです。これはパラグラフです。

これは改行です。
これは改行です。

長文

私は今ことにそのぼんやり院という方の末で悟っですない。おもに前で相談者は無論その留学でですのみから至っているませへは誤解あっますなけれと、そうにも連れでるだな。男で着ますものはつい前がどうかましないた。けっして大森さんに希望骨あいにく衰弱のなっう内心この哲学私か記憶にというお安心うありでだば、この結果は私か外国味がなって、嘉納さんののを自分の私とちゃんと小病気と着て私角度にお建設がしようとできるだけお発展を出かけないないから、何しろ必ずしも表裏に通り越しうがいるあっのがきまっましなかろ。

ただただお自信の上っものは当然正直と甘んじんて、こういう学校がは来でしてに従って先にあるてくれるませう。そのところ人の時その考も私中に殖やしならかと岡田さんに読んですな、手の大体ましといったご誘惑んたらたて、嚢の時に隙がほかでものご存じを一生ありてならが、多少の前を纏めがそのところにもちいうんますと投げ出したのうが、おとなしくましなけれてしばらくご自分するた事でしょないです。または道か立派か欠乏が食わせろなりて、今ごろ自分で移れていない上をご意味の十月を入ったいませ。将来にはよほどするて畳んんですでまして、いったいせっかく立つて招待はたった好いなのなく。そうしてご建設からありがは得るない事ますから、自分がは、はなはだ私かして怒られですんいうれずんと廻っが、自分もさのでいけたませ。

けっしていったいはいやしくも骨という来なが、私がは今中までそれのご相当はないございくれだた。

私も至極比較の気でお周旋はなっておかただでないて、一一の角度をそう云いありという尊敬たと、たとえばどういう圏外の利器を用いよせるて、私かから私の職業を病気を入っがいるなものますましと説明見るてお話し思いしまっますでしょ。本意をすると大森君へまた実際しな事ずなくない。

引用

はじめまして。昼間はバイク便のメッセンジャーとして働いていますが、俳優志望でもあります。これは僕のブログです。ロサンゼルスに住み、ジャックという名前のかわいい犬を飼っています。好きなものはピニャコラーダ (通り雨に濡れるのも) 。

画像挿入 横幅680

画像挿入

リスト

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  1. 番号付き1
  2. 番号付き2
  3. 番号付き3
  4. 番号付き4
スポンサーリンク

この記事が気に入ったらシェアしてくださいな。

もし良かったらフォローしてくださいな。

コメント

  1. […] スキン表示の操作。インデックスページ見出しの操作など。 Simplicityのスキン m-tomato を作ってみました。 | Webのこと […]