SIRIUSレスポンシブテンプレート【facile】デモ

SIRIUSハイクラスレスポンシブテンプレート「facile」


グランドブルー2テスト

 

特典用のSIRIUSハイクラスレスポンシブテンプレート最新作【facile】(ファシル)が完成しました!

 

現在はスマートフォンからの閲覧率が7~8割となっているため、レスポンシブウェブデザインを採用し、最新のマテリアルデザインに用いるカラーを利用しています。

 

今回もピンク・シアン・ブルー・オレンジ・グリーンの5色をリリースします。

 

※デモサイトの背景画像はSIRIUS角丸テンプレート用(リピート無し)を使用しています。

今回のテーマ:余分なものを削ぎ落としシンプルで見やすいサイト制作の為に

グランドブルー2テスト

 

今回のテンプレートテーマは
「余分なものを削ぎ落としシンプルで見やすいサイト制作の為のテンプレート」

 

デザインを派手に飾る事は簡単ですが、肝心のコンテンツ部分がデザインの中に埋もれてしまう場合があります。

 

ですので、あえてシンプルに、コンテンツに入れた文章や画像が訪問者の目に飛び込むようなテンプレートデザインを目指して制作しています。

 

 

【新機能】パソコンとモバイル表示・非表示のコントロール

グランドブルー2テスト

 

今までのSIRIUSレスポンシブテンプレートだと、PC・タブレット・スマートフォンで全て同じコンテンツしか表示できませんでした。
しかし【facile】(ファシル)では、それぞれの端末に別々のコンテンツを表示できる機能を搭載しました、

 

設定は簡単で、PCやスマートフォン・タブレットだけで表示したい場所を、指定したタグで囲むだけです。

 

【サンプル】PC⇔スマートフォン・タブレット表示切替機能

端末で表示が切り替わるサンプルを用意しました。
PCやスマートフォンでチェック頂くか、PCの場合はブラウザの幅をスマートフォンサイズほどに狭めてみてください。

 

***********↓切替表示サンプルエリアここから↓***********

グランドブルー2テスト

 

上の画像とこの文章は「PC端末で見た場合にのみ」表示されます。
スマートフォン・タブレット端末では非表示になります。

 

グランドブルー2テスト

←スマートフォン・タブレットではこちらの画像が表示されます。

 

***********↑切替表示サンプルエリアここまで↑***********

↓切替表示サンプルエリアここから↓

 

グランドブルー2テスト
上の画像とこの文章は「スマートフォン・タブレットで見た場合にのみ」表示されます。
PC端末では非表示になります。

 

グランドブルー2テスト

↑PCではこちらの画像が表示されます。

 

【ブラウザを狭めてスマホ見栄えチェックした場合の注意点】

グランドブルー2テスト

 

ブラウザを狭めてスマートフォン見栄えチェックをした場合、サイドバー追尾機能の関係でフリースペース部分が上記画像のように食い込んで見えてしまいます。

 

ですが、実際の訪問者はPCのブラウザを狭めてスマートフォン端末のように見るという行動は行わない為、サイト運営上の問題は起こりませんのでご安心ください。

 

サイト制作の都合上ブラウザを狭めて見栄えをチェックしたい場合は、ブラウザをリロード(再読み込み、F5キーを押すなど)すれば正常な表示に戻ります。

 

↑切替表示サンプルエリアここまで↑

 

 

iPadを用いたPCサイズとタブレットサイズの表示切替デモ

 

iPadを横にするとPCサイズでの表示、縦にするとタブレットサイズ用の表示で広告はスマートフォン用に切り替えているデモンストレーション動画です。

 

サイドバー自動追尾搭載

グランドブルー2テスト

 

PC・タブレット端末で見た場合は、サイドバーのフリースペースエリアが自動追尾されます。
スマートフォン閲覧時には自動的にオフになります。

 

画像バナーはどんな大きさでもサイドバーに収まるように自動でリサイズされます。

 

また、フリースペース部分においても、PCとスマホの表示を切り分ける事が可能です。
例えば「PCでは広告を2つ追尾させて、スマホでは広告を1つだけの表示にする」といったことも可能になりました。

 

※PCサイトでの追尾機能をオフにすることも出来ます。

 

ランキング機能対応

【facile】(ファシル)はランキング機能に対応しています。
PC・ラブレットと、スマートフォンでの見栄えが自動で最適化されるようになっています。

 

WordPressテーマ「Reviewer (TCD026)」

WordPressテーマ「Reviewer (TCD026)」の特徴

TCDのテンプレートはウェジェットでのPC表示・スマホ表示の切り替えが簡単に出来るので便利です。

Digipressと違ってライセンス制ではないため、複数のサイトに利用できます。
ただし、サポート返信が2日後になることもあります。

価格 9,980円
評価 評価4.5
備考 Paypalか銀行での支払いになります
WordPressテーマ「Reviewer (TCD026)」の総評

なかなか良いテンプレートです!

 

ロゴマルシェ - LogoMarche

ロゴマルシェ - LogoMarcheの特徴

無料ロゴ素材配布サイト。

クオリティが高い和風~カワイイロゴが沢山入手できます。
見出しアイコン、リストタグアイコン、サイトのロゴ入手に重宝します。

価格 無料!0円
評価 評価4
備考 無料会員登録が必要になります。
ロゴマルシェ - LogoMarcheの総評

なかなか良いロゴです!

 

フォトマルシェ - PhotoMarche

フォトマルシェ - PhotoMarcheの特徴

クオリティの高い画像素材が無料で入手できます。

登録写真数は現在約2000枚で、少しずつ増えています。
小物・グッズ・食材・風景・建物の写真入手に重宝します。

価格 無料!0円
評価 評価4
備考 無料会員登録が必要になります。
フォトマルシェ - PhotoMarcheの総評

ハイクオリティの写真満載です!

 

 

ランキング機能のボタン画像は4色同梱

グランドブルー2テスト

 

ランキング機能のボタン画像は4色同梱しています。
自サイトのテーマや商品、リンク先のサイトのテーマカラーに応じて変更が可能です。

 

CSSフラットデザインボタンでボタン画像制作の必要無し

SIRIUSハイクラスレスポンシブウェブテンプレート【facile】CSSボタン1

SIRIUSハイクラスレスポンシブウェブテンプレート【facile】CSSボタン2


 

今まではボタンリンクを設置する際、わざわざ画像でボタンを別に作る必要がありました。
しかし【facile】では、テキストとタグの書き換えだけで上記のようなフラットデザインボタンを簡単に設置することが可能になりました。

 

煩わしいリンクボタン作りからの作業から解放されます。

 

フラットデザインボタンサンプルページ

 

YoutubeやGoogleMap埋め込みのレスポンシブ化対応

グランドブルー2テスト

 

通常のSIRIUSテンプレートではYoutubeやGoogleMapをサイトに埋め込むと、コンテンツ枠からはみ出てしまいます。

 

ですが、【facile】では予め特殊なタグを埋め込みタグの前後で囲むだけで、コンテンツ幅からはみ出さない自動レスポンシブ化に対応しています。

 

 

Youtube、GoogleMapレスポンシブチェックページ

 

多くのメディア制作者・アフィリエイターのアドバイス

グランドブルー2テスト

 

【facile】は多くのメディア制作者や、月間売り上げ100万円~1000万円を超えるアフィリエイター様達のアドバイスやチェックを頂いて形にしたものです。

 

実際に使用して頂き、既に結果を出されている声も頂いております。

 

 

皆様もこのSIRIUSハイクラスレスポンシブウェブテンプレート【facile】を使って、結果を出してみませんか?

 

【facile】入手方法へ

 

企画・運営・製作

グランドブルー2テスト

 【運営サイト・ツイッター】

  SIRIUSアピールサイト
  twitter@マナ

 

 

記事下広告スペース(PCとスマホで表示切替設定可)

Sponsored Link(ads)
Sponsored Link(ads)

Sponsored Link(ads)

更新履歴