当サイトには広告が含まれております

全部で3パターン!WordPressテーマ「Simplicity2」のスキン『ギンガムチェック』を作りました

この記事は最終更新日から4年経過しています。内容が古い可能性があります。

WordPressテーマ「Simplicity2」のスキン「ギンガムチェック」シリーズをつくってみました。
Simplicity2とは、その名の通りシンプルでカスタマイズがしやすいテーマです。今現在、おすすめする3つのテーマのうちの一つで「スキン」というものを変えるだけでテーマはそのままでデザインを変更することができます。

※ Simplicity2.5.3でこのスキンを同梱していただきました!わいひらさんありがとうございます!2.5.3以前をお使いの方はダウンロードして入れる必要がありますが、それ以降の方はSimplicityにこのスキンが入っています。
https://wp-simplicity.com/simplicity2-5-3/

記事をざっと見る

「Simplicity2」とは?

Simplicity2とは、その名の通りシンプルでカスタマイズがしやすいテーマです。

Simplicity/内部SEO施策済みのシンプルな無料Wordpressテーマ

このブログでも何度か取り上げさせていただいています。

https://usortblog.com//?s=simplicity

スキン『ギンガムチェック』について

スキンとは、cssを使って自分でカスタマイズをしなくても、見た目を手軽に変えられるSimplicity2の機能です。

服を着替えるような手軽なイメージから、服をテーマにして、老若男女問わず好まれるギンガムチェック柄で「ギンガムチェック」スキンを作ってみました。

  • 爽やかなブルー
  • ガーリーなピンク
  • シックなブラック

よかったら使ってみてください。

爽やかなブルー

トップ

固定ページ

投稿ページ

ガーリーなピンク

トップ

固定ページ

投稿ページ

シックなブラック

固定ページ

投稿ページ

スキン『ギンガムチェック』の使い方

スキンを使う方法は以下の通りです。

手順1:ダウンロード
スキン「ギンガムチェック」でお好きなデザインをダウンロード(ファイルは解凍してください)

解凍するとgingham-girlishgingham-cleangingham-chic の3つのフォルダができます。

手順2:アップロード
Simplicity2をそのまま使っている場合はWebサイトの

wp-content/themes/simplicity2/skins/

gingham-girlishgingham-cleangingham-chic の3つのフォルダをアップロードします。

子テーマにしている場合は

wp-content/themes/子テーマのフォルダ名/skins/

gingham-girlishgingham-cleangingham-chic の3つのフォルダをアップロードします。

手順3:スキンを選択する

ダッシュボードに入り、

外観>カスタマイズ をクリック

スキン をクリック

スキンはたくさんありますので、下の方にスクロールすると今追加したスキンを選択することができます。

ギンガムチェック(爽やか) をクリックすると

プレビューはこんな感じになります。同様に

ギンガムチェック(ガーリー)をクリックすると

このようなプレビューに

ギンガムチェック(シック)をクリックすると

このようなプレビューになります。気に入ったスキンを選んだら、

一番上にある 保存して公開 をクリック。

トップページを見るとスキンが適用されたことがわかります。

サンプルサイトを作ってみました

実際にブラウザで見るとどうなるかがわかるようにサンプルサイトを作りました。

Gingham Skin

こちらになります。

画面上部のリストボックスからスキンを選べるようになっていますので、よろしければ触ってみてください(^^)/

おまけ:テーマの変更は

あわせて読みたい
テーマをスイッチして表示できるMDC Theme Switcherを使ってローカルWebでテーマを選ぶ 今いくつかのサイトを作ろうとしていますが、テーマ選びに悩んでいます。Webを検索して色々おすすめされているテーマをインストールして見比べようと思うのですが、ダッ...

を使っています。

この記事が気に入ったら
いいね または フォローしてね!

あなたのシェアが励みになります!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

記事をざっと見る