Simplicity2テーマスキン「Flower Pop」を作ってみた【WordPress】

Web制作

こんにちは、とみーです。

WordPressで大人気のテーマ、Simplicityのテーマスキンを作成しました。

ピンクを基調にしたシンプル可愛い女性向けスキンとなっております。
(このサイト自体はSimplicityではないです。すみません。他の運営サイトで利用させていただいてます。)

Simplicity

1.9.3用ではなく、Simplicity2用スキンです。(Ver.2.5.0動作確認済み)

レイアウトの崩れ等、不具合ありましたらお手数ですがご連絡ください。

スクリーンショット

一覧ページ

flower-pop_list

投稿ページ

flower-pop_contents

※スクリーンショットの仕様上、背景画像がリピートされていますが実際は上部固定です。

メニューにマウスオン

flower-pop_menu

by GAHAG

ダウンロードと利用方法

ダウンロード

 Flower Popをダウンロード

 

 

利用方法

  1. Flower Popをダウンロードして展開します
  2. 自サイトのURL/wp-content/themes/simplicity2/skins/ の中に解凍したflower-popというフォルダとその中身をアップロードします。
    ※子テーマを使用されている方は 自サイトのURL/wp-content/themes/simplicity2-child/skins/ になります。
  3. ダッシュボード > 外観 > カスタマイズ > スキン にFlower Popが表示されているはずなので、選択して保存すればOKです。
  4. スクリーンショットと同じようにサムネイルを丸くしたい場合は
    カスタマイズのレイアウト(全体・リスト) > サムネイルの角の丸め具合 > 円形にする を選択してください。

ぜひご利用ください。

下記のページにてレイアウトは同じままで背景や色を変えたパターンを紹介してますので合わせてどうぞ。

Simplicity2テーマスキン「Flower Pop」のカスタマイズ事例

バージョンアップ履歴

2016/07/10…Simplicity2.2.0安定版に合わせて修正
2016/03/19…フッターの文字色・リンク色修正
2016/03/16…Simplicity2.1.0安定版公開に合わせて修正
2016/03/10…公開

その他の記事装飾カスタマイズ

【CSS】テキストを彩る蛍光ペン風やガーリーなマーカー12種類×7色【コピペでOK】

【CSS】リストマークの装飾デザイン 色のみ変更・アイコン活用・色を交互に変える方法

コメント

  1. はなぬこ より:

    こんにちは〜
    simplecity2のFlower Pop使わせていただきました♪
    かわいくてお気に入りです♪
    Facebookなどのソーシャルボタンで質問させていただきます

    ソーシャルボタンの「いいね」がPCですと反映されてるのですが
    スマホだと反映されていません
    こちらはバグなのでしょうか?
    お忙しいところすみません(^ω^;)

  2. tommy より:

    はなぬこさん、コメントとFlower Popのダウンロードありがとうございます。
    Facebookのいいねボタンについて色々調べてみたところ、モバイル用のSNSアイコンでは表示できませんが、PCと同じ表示にすれば可能。とのことでした。
    下記のURLをご参考ください。

    参考URL
    https://wp-simplicity.com/suport/topic/%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%A7%E3%81%AEfacebook%E3%80%8C%E3%81%84%E3%81%84%E3%81%AD%EF%BC%81%E3%80%8D%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

    https://wp-simplicity.com/mobile-share-buttons/

  3. はなぬこ より:

    こんにちは~ 

    先ほど試してみました♪

    ですがsimplecity2のバージョンの問題なのでしょうか?
    PCボタンにもならず

    ページがバケちゃいました(汗)
    手順どうりに元に戻せてますので
    しばらくモバイル用もこのままで
    やっていきます(^^♪ 

    ありがとうございました♪

  4. tommy より:

    こんにちは~。

    ダメでしたか・・・お役に立てずすみません。

  5. まじゆい より:

    simplecity2のFlower Pop使わせていただきました☆
    SKYスキンをCSSに書き込んでも
    アイコン見出しなどは変わりますが
    背景だけが真っ白です^^;

    simplecity2のVerも関係ありますでしょうか?
    ちなみに2.4です。

  6. tommy より:

    まじゆいさん、コメントありがとうございます。
    Sky PopやGreen Popは、背景画像はご自身で設定していただく必要があります。
    背景画像をご自身のPCに保存してサーバにアップロードしていただき、style.cssの13行目の 背景画像URL というところをアップロードした画像のURLに置き換えてください。

    この手順でも表示されないようでしたら、すみませんが再度ご連絡いただけますか?
    (Ver.2.4は表示崩れがないかまだ確認できておらず・・・すみません)

  7. ワードプレス より:

    […] こちらのサイトのテーマが可愛らしかったので、このテーマに少し手を加えたものを暫く使ってみようかと思います。 […]

  8. あ より:

    自サイトのURL/wp-content/themes/simplicity2/skins/ の中に解凍したflower-popというフォルダとその中身をアップロードします。
    ここがよくわかりません
    試しにじぶんのホームページの末尾に/wp-content/themes/simplicity2/skins/ をして飛んだらエラーが出ました(ロリポップ403エラー)
    アップロードする場所どこですか?

  9. tommy より:

    コメントありがとうございます。
    アップロードですが、ロリポップをお使いでしたらこちらのページが参考になると思います。
    https://lolipop.jp/manual/user/ftp2-04/
    こちらからログインするようです。
    https://lolipopftp.lolipop.jp/

    wp-content → themes → simplicity2 → skins とフォルダを辿っていただき、
    アップロードボタンでflower-pop一式を選択します。

    この説明で大丈夫でしょうか? 頑張ってください!

  10. Simplicity2に可愛らしいスキンをかぶせてみた!!いいじゃないの。どう? | 田渕盛衛(もりえ)公式ブログ より:

    […] Simplicity2テーマスキン「Flower Pop」を作ってみた【WordPress】こんにちは、とみーです。 WordPressで大人気のテーマ、Simplicityのテーマスキンを作成しました&0edition.net […]

タイトルとURLをコピーしました