MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


TOPページにスライドやアイキャッチを入れてLP風な見せ方にできるレスポンシブテーマ『SunRain』

2014.11.14テーマSunRainのカスタマイズ記事を追加しました。
wordpressテーマSunRainとjQuery FractionSlider について

wordpressテーマの紹介記事です。
TOPページをランディングページっぽく、派手に見せたい・・・
というご依頼を頂き、1カラムでビジュアル要素をカスタマイズできるテーマを発見したのでシェアします。

icons-photo02

特徴として、

レスポンシブ!

スライド内の画像をアニメーション!

当社の強み!等をアイキャッチ画像付きで表示

というのがあります。スライド付きのテーマやプラグインはたくさんあると思いますが、スライドの中でテキストや画像のアニメーションまで指定できる・・というのは珍しいかもしれませんね。

wordpressテーマSunRain

SunRainは公式テーマなので、外観 > テーマ > 新規追加 > SunRain で検索するとダウンロードできます。

反映すると、こんな感じになります。

theme-sunrain00

テーマ配布元:
SunRain(ver1.3.7)
サイトリンク:
[browser-shot width=”600″ url=”https://wordpress.org/themes/sunrain”]

wordpressテーマSunRainの特徴

特筆すべきはスライドの拡張性の高さと、アイキャッチ画像&テキスト(Front Page Featured Boxes)を管理画面から変更できることでしょうか。

外観 > SunRain から、スライド設定と、それ以外はGeneral Optionsから行うことができます。

theme-sunrain_11

スライド設定

theme-sunrain_03

スライドは2枚あり、1枚目はロゴやお姉さんなどの画像をスライドし、2枚目は画像+テキストをスライドできます。

theme-sunrain_18

theme-sunrain_27

管理画面からUPできる画像は下記。
お姉さん×2と、フキダシ、ロゴ背景、ロゴ、Powered byの画像

theme-sunrain_15

また、管理画面からはUPできませんが、テーマフォルダ内の下記画像を直接置き換えることで背景等の画像も変更できそうです。

theme-sunrain_23

Front Page Featured Boxes

theme-sunrain_07

アイキャッチ画像とテキスト(タイトルと説明文)を変更できます。

theme-sunrain_47

こちらも、テーマフォルダの画像を直接置き換えることで背景画像も変更できそうです。

theme-sunrain_51

その他の設定

スライド関連以外は、General Optionsからの変更になります。

表示設定

theme-sunrain_31

レスポンシブにするか、記事一覧やサイドバーを表示させるか等を設定できます。

見出し設定

Front Page Heading が3箇所指定できます。

Heading3の地図画像もテーマフォルダの画像置換えで変更できそうですね!

theme-sunrain_43

theme-sunrain_35

theme-sunrain_39

Social 設定

theme-sunrain_54

フッター上部の google+1 Picassa LinkedIn RSSのURLを変更できます。

ウィジェット

ウィジェットは右サイドに2つ、フッターに4つ表示が可能です!

まとめ

欲を言えば、
アイキャッチの画像の増減を指定できる
ソーシャルアイコンの増減を指定できる
という機能があればもっとよかったですね。
それぞれ、画像やテキストボックスを空にしても、要素そのものは無くなりませんでしたので。

ただ、こちらはテーマファイルを直接カスタマイズすれば出来そうな感じでした。
そのうちUPするかも知れません!
wordpressテーマ SunRainのご紹介でした!

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA