SIRIUSハイクラスレスポンシブテンプレート「facile」
特典用のSIRIUSハイクラスレスポンシブテンプレート最新作【facile】(ファシル)が完成しました!
現在はスマートフォンからの閲覧率が7〜8割となっているため、レスポンシブウェブデザインを採用し、最新のマテリアルデザインに用いるカラーを利用しています。
今回もピンク・シアン・ブルー・オレンジ・グリーンの5色をリリースします。
※デモサイトの背景画像はSIRIUS角丸テンプレート用(リピート無し)を使用しています。
今回のテーマ:余分なものを削ぎ落としシンプルで見やすいサイト制作の為に
今回のテンプレートテーマは
「余分なものを削ぎ落としシンプルで見やすいサイト制作の為のテンプレート」
デザインを派手に飾る事は簡単ですが、肝心のコンテンツ部分がデザインの中に埋もれてしまう場合があります。
ですので、あえてシンプルに、コンテンツに入れた文章や画像が訪問者の目に飛び込むようなテンプレートデザインを目指して制作しています。
【新機能】パソコンとモバイル表示・非表示のコントロール
今までのSIRIUSレスポンシブテンプレートだと、PC・タブレット・スマートフォンで全て同じコンテンツしか表示できませんでした。
しかし【facile】(ファシル)では、それぞれの端末に別々のコンテンツを表示できる機能を搭載しました、
設定は簡単で、PCやスマートフォン・タブレットだけで表示したい場所を、指定したタグで囲むだけです。
【サンプル】PC⇔スマートフォン・タブレット表示切替機能
端末で表示が切り替わるサンプルを用意しました。
PCやスマートフォンでチェック頂くか、PCの場合はブラウザの幅をスマートフォンサイズほどに狭めてみてください。
***********↓切替表示サンプルエリアここから↓***********
上の画像とこの文章は「PC端末で見た場合にのみ」表示されます。
スマートフォン・タブレット端末では非表示になります。
←スマートフォン・タブレットではこちらの画像が表示されます。
***********↑切替表示サンプルエリアここまで↑***********
↓切替表示サンプルエリアここから↓
上の画像とこの文章は「スマートフォン・タブレットで見た場合にのみ」表示されます。
PC端末では非表示になります。
↑PCではこちらの画像が表示されます。
【ブラウザを狭めてスマホ見栄えチェックした場合の注意点】
ブラウザを狭めてスマートフォン見栄えチェックをした場合、サイドバー追尾機能の関係でフリースペース部分が上記画像のように食い込んで見えてしまいます。
ですが、実際の訪問者はPCのブラウザを狭めてスマートフォン端末のように見るという行動は行わない為、サイト運営上の問題は起こりませんのでご安心ください。
サイト制作の都合上ブラウザを狭めて見栄えをチェックしたい場合は、ブラウザをリロード(再読み込み、F5キーを押すなど)すれば正常な表示に戻ります。
↑切替表示サンプルエリアここまで↑
iPadを用いたPCサイズとタブレットサイズの表示切替デモ
iPadを横にするとPCサイズでの表示、縦にするとタブレットサイズ用の表示で広告はスマートフォン用に切り替えているデモンストレーション動画です。
サイドバー自動追尾搭載
PC・タブレット端末で見た場合は、サイドバーのフリースペースエリアが自動追尾されます。
スマートフォン閲覧時には自動的にオフになります。
画像バナーはどんな大きさでもサイドバーに収まるように自動でリサイズされます。
また、フリースペース部分においても、PCとスマホの表示を切り分ける事が可能です。
例えば「PCでは広告を2つ追尾させて、スマホでは広告を1つだけの表示にする」といったことも可能になりました。
※PCサイトでの追尾機能をオフにすることも出来ます。
ランキング機能対応
【facile】(ファシル)はランキング機能に対応しています。
PC・ラブレットと、スマートフォンでの見栄えが自動で最適化されるようになっています。
TCDのテンプレートはウェジェットでのPC表示・スマホ表示の切り替えが簡単に出来るので便利です。 Digipressと違ってライセンス制ではないため、複数のサイトに利用できます。 ただし、サポート返信が2日後になることもあります。キャンペーンも有り。
価格 | 9,980(7,980)円 |
---|---|
評価 | |
備考 | Paypalか銀行での支払いになります |
価格 | 無料!0円 |
---|---|
評価 | |
備考 | 無料会員登録が必要になります。 |
クオリティの高い画像素材が無料で入手できます。 登録写真数は現在約2000枚で、少しずつ増えています。 小物・グッズ・食材・風景・建物の写真入手に重宝します。
価格 | 無料!0円 |
---|---|
評価 | |
備考 | 無料会員登録が必要になります。 |
ランキング機能のボタン画像は4色同梱
ランキング機能のボタン画像は4色同梱しています。
自サイトのテーマや商品、リンク先のサイトのテーマカラーに応じて変更が可能です。
CSSフラットデザインボタンでボタン画像制作の必要無し
今まではボタンリンクを設置する際、わざわざ画像でボタンを別に作る必要がありました。
しかし【facile】では、テキストとタグの書き換えだけで上記のようなフラットデザインボタンを簡単に設置することが可能になりました。
煩わしいリンクボタン作りからの作業から解放されます。
YoutubeやGoogleMap埋め込みのレスポンシブ化対応
通常のSIRIUSテンプレートではYoutubeやGoogleMapをサイトに埋め込むと、コンテンツ枠からはみ出てしまいます。
ですが、【facile】では予め特殊なタグを埋め込みタグの前後で囲むだけで、コンテンツ幅からはみ出さない自動レスポンシブ化に対応しています。
→Youtube、GoogleMapレスポンシブチェックページ
多くのメディア制作者・アフィリエイターのアドバイス
【facile】は多くのメディア制作者や、月間売り上げ100万円〜1000万円を超えるアフィリエイター様達のアドバイスやチェックを頂いて形にしたものです。
実際に使用して頂き、既に結果を出されている声も頂いております。
皆様もこのSIRIUSハイクラスレスポンシブウェブテンプレート【facile】を使って、結果を出してみませんか?
記事下広告スペース(PCとスマホで表示切替設定可)
- (2015/10/03)Youtube、GoogleMapレスポンシブチェックページを更新しました
- (2015/10/03)フラットデザインCSSボタンテストを更新しました
- (2015/09/30)見出しと飾り枠デザイン一覧を更新しました
- (2015/09/30)1カラムのスタイルを更新しました
- (2015/09/30)ポイントデザインを更新しました