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