2014.11.14テーマSunRainのカスタマイズ記事を追加しました。
wordpressテーマSunRainとjQuery FractionSlider について
wordpressテーマの紹介記事です。
TOPページをランディングページっぽく、派手に見せたい・・・
というご依頼を頂き、1カラムでビジュアル要素をカスタマイズできるテーマを発見したのでシェアします。
特徴として、
レスポンシブ!
スライド内の画像をアニメーション!
当社の強み!等をアイキャッチ画像付きで表示
というのがあります。スライド付きのテーマやプラグインはたくさんあると思いますが、スライドの中でテキストや画像のアニメーションまで指定できる・・というのは珍しいかもしれませんね。
目次
wordpressテーマSunRain
SunRainは公式テーマなので、外観 > テーマ > 新規追加 > SunRain で検索するとダウンロードできます。
反映すると、こんな感じになります。
- テーマ配布元:
- SunRain(ver1.3.7)
- サイトリンク:
- [browser-shot width=”600″ url=”https://wordpress.org/themes/sunrain”]
wordpressテーマSunRainの特徴
特筆すべきはスライドの拡張性の高さと、アイキャッチ画像&テキスト(Front Page Featured Boxes)を管理画面から変更できることでしょうか。
外観 > SunRain から、スライド設定と、それ以外はGeneral Optionsから行うことができます。
スライド設定
スライドは2枚あり、1枚目はロゴやお姉さんなどの画像をスライドし、2枚目は画像+テキストをスライドできます。
管理画面からUPできる画像は下記。
お姉さん×2と、フキダシ、ロゴ背景、ロゴ、Powered byの画像
また、管理画面からはUPできませんが、テーマフォルダ内の下記画像を直接置き換えることで背景等の画像も変更できそうです。
Front Page Featured Boxes
アイキャッチ画像とテキスト(タイトルと説明文)を変更できます。
こちらも、テーマフォルダの画像を直接置き換えることで背景画像も変更できそうです。
その他の設定
スライド関連以外は、General Optionsからの変更になります。
表示設定
レスポンシブにするか、記事一覧やサイドバーを表示させるか等を設定できます。
見出し設定
Front Page Heading が3箇所指定できます。
Heading3の地図画像もテーマフォルダの画像置換えで変更できそうですね!
Social 設定
フッター上部の google+1 Picassa LinkedIn RSSのURLを変更できます。
ウィジェット
ウィジェットは右サイドに2つ、フッターに4つ表示が可能です!
まとめ
欲を言えば、
アイキャッチの画像の増減を指定できる
ソーシャルアイコンの増減を指定できる
という機能があればもっとよかったですね。
それぞれ、画像やテキストボックスを空にしても、要素そのものは無くなりませんでしたので。
ただ、こちらはテーマファイルを直接カスタマイズすれば出来そうな感じでした。
そのうちUPするかも知れません!
wordpressテーマ SunRainのご紹介でした!