レスポンシブウェブテンプレート【fine&grand】のご紹介

SIRIUS特典テンプレートfineとgrand

 

 

お世話になっております。マナです!
プレミアム会員向けSIRIUS特典テンプレート【fine&grand】が完成しました。

 

今までのアフィリエイトサイト作成やホームページ作成の経験で培ったもの全て詰め込んだテンプレートになりました。

 

βテストモニターを終えて、2016年中旬以降プレミアム会員様向けに配付をはじめまして、とってもご好評を頂いています。

 

なお、こちらはプレミアム会員向けの特典になっております。
これからSIRIUSをご購入頂く場合はどんな特典が付くかご覧になられたい場合は、SIRIUSご購入の特典ページへお進み頂ければ幸いです。


 

制作経緯「どんなジャンルでも使えるSIRIUSテンプレートを作ろう」

今まで沢山の方々にSIRIUSを買って頂いて、いろいろな購入者様から次のような悩みを寄せられる事がありました。

 

 

SIRIUS特典レスポンシブウェブテンプレート【fine&grand】

  • ジャンル特化テンプレートが多くて自分が参入したいジャンルのサイトにデザインが合わない。
  • デフォルトテンプレートのデザインが何かしっくり来ない。
  • SIRIUSのテンプレートって、サイドバー幅が狭くてASP広告バナーが入らないんですよね・・。
  • 公式のレスポンシブテンプレートはPCとスマホの分岐表示ができなくて困る。
  • デザインがライバルサイトと同じようになってしまって差別化できない。
  • シンプルだけど綺麗でスタイリッシュ、女性向けサイトのデザインテンプレートが欲しい!
  • 自分のサイトはSIRIUSっぽさを無くしたい!マナさんに作って欲しい!

 

この悩み、私もずっと皆さんと同じように感じていたんです。

 

でも、全部の悩みを解決するようなテンプレートを作るとしたら膨大な時間と60万円以上の制作費がかかるので、保留にしていました。(結果的には制作費67万円と、デザイナーさんと作業して500時間ほどかかりました)

 

2015年から専業アフィリエイターになったこともあって、本音を言うとテンプレート制作よりもアフィリエイトサイト制作に時間を費やしたかったんです。

 

テンプレート制作はとても大変で、大詰め段階になると他の業務全てを1カ月以上停止する必要があるほど忙しくなります。

 

 

2015年12月末に行われた”アフィロック”で制作を決意

アフィロック

 

2015年12月26日、さいたまスーパーアリーナで開催されたアフィリエイター1000人以上が集うイベント”アフィロック”に行きました。

 

そこで、いろんな方が私のサイトを見て「凄く役に立ってます」「あのサイトのおかげでSIRIUSが使えるようになりました!」とか、「特典テンプレートありがとうございます」と声をかけて頂けました。

 

この出来事には心底驚いたんですが、正直に嬉しくて。

 

「じゃぁ最後にもう1つだけ、私からの購入者の皆さんがいろんなジャンルで使っていけそうなテンプレートを作ってみよう」と決意。

 

結局バージョン違いで2種類リリースすることになり、2ヵ月延期して合計6カ月もかかりましたが、おかげで悔いのない仕上がりになったと思っています。

 

それでは、今回のテンプレート【fine&grand】の特徴を簡単にご説明していきます。

 

 

どんなジャンルにも簡単にデザインチェンジ出来る!

SIRIUS特典テンプレートのデザインチェンジ

 

今回のテンプレートは、見出しやサイドバーのアイコンを簡単に変えられるようにしました。

 

通常のテンプレートだと、見出しのアイコンデザインは簡単に変えることができなかたったので、他のサイトのデザインと被ってしまうことが多くなっていたことが「気に入らない!」と思う人が多い状況でした。

 

ですが【fine】では、無料アイコン素材サイト「FLAT ICONS」の13万種類以上のアイコンの中からジャンルに合った物をダウンロードして、ファイル名を変更してSIRIUSの画像に上書きするだけでデザインチェンジすることが出来ます。

 

アイコンの画像サイズは自動リサイズされますので、好みのアイコンを選んでダウンロード&上書きするだけの簡単操作です!

 

【grandテンプレート】ではコード番号を変更するだけ!

ウェブフォントアイコン

 

そして【grandテンプレート】では、アイコンのダウンロードも不要です。
スタイルシートのウェブフォントの3ケタのアイコン番号を変更するだけでOKです!

 

ウェブフォントのアイコン種類は現在約600種類で、数がどんどん増えています。最近はいろんなサイトでウェブフォントアイコンを利用する人が増えてきています。これをSIRIUSでも利用することが出来るようにしました。

 

【関連ページ】ウェブフォントリスト・Fontawesome

 

 

多彩なオリジナル装飾デザインを搭載

SIRIUS特典テンプレートオリジナルデザイン

 

fine・grand共に、訪問者の目を引く多彩なオリジナル装飾デザインを沢山用意しました。

 

例えば、見出し付枠、黒板風枠、凹むCSSボタン、ブレット、太字アンカーテキストリンク装飾、リンクブランクタグ、マウスオーバーアフィリエイトアニメーションなど、私の経験から得た精読率やクリック率を上げる装飾デザインを使えるようにしています。

 

【関連ページ】オリジナル装飾デザイン一覧ページ

 

 

もちろんスマホ対応のレスポンシブウェブ!PCとスマホ分岐表示も可能!

SIRIUS特典レスポンシブテンプレートPCスマホ分岐

 

fine・grandテンプレート共にレスポンシブウェブですので、SIRIUS通常版をご利用の方でも、このテンプレートさえ使えばPC・スマホ・タブレット間で自動最適化して表示されます。

 

さらに、公式側のテンプレートでは出来なくなっていたPCとスマートフォンの分岐表示をすることも可能です。

 

 

クリック率向上!サイドバー追尾機能搭載!

SIRIUS特典テンプレートサイドバー追尾機能

 

今回のテンプレートも、サイドバー追尾機能を搭載。
フリースペースだけを追尾させたり、メニュー全体を追尾させることも、オフにすることも可能です。

 

スマートフォンとタブレット端末で見た時は自動的に機能がオフになりますので、手間がかからずに狙った広告やフォームに誘導することが出来ます。

 

 

画像リサイズの手間無し!横幅に自動リサイズ!

SIRIUS特典テンプレート画像自動リサイズ機能

 

サイト制作時の手間を少しでも減らす為に、コンテンツ幅やサイドバー幅の最大値を超えた大きさの画像は、自動でリサイズされるようにしました。
つまり、今まで手作業で画像をリサイズしていた手間から解放されます。

 

 

ver.2デザインテンプレートはサイドバーに300px広告が入る!

SIRIUS特典テンプレートサイドバー300px

 

【fine・grand】のver2テンプレートは、サイドバー背景を透過タイプにしたことで、横幅300pxの広告バナーを入れる事が出来るようになりました。

 

アドセンス広告やASP広告の多くが横幅300pxバナーになっていますので、このテンプレートを利用することで広告設置がしやすくなります。

 

ver1のテンプレートはサイドバー背景をホワイトにした関係上、横幅が292pxまでになっていますが、ASPバナー広告は横幅ピッタリに自動リサイズされるので、こちらでも問題無く利用できます。

 

テンプレートの全体の横幅、サイドバーの幅カスタマイズも簡単に可能

さらに、2017年3月からはver2のテンプレートの横幅、サイドバー幅のカスタマイズも対応しました!
標準では1000px幅ですが、全体の幅を1300pxまで広げることができます。
カスタマイズ方法は数値を変えるだけ、2~3分でできる簡単なものです。

 

PC向けサイトでは横幅を広することで、1画面中の情報量を多くしたり、画像などでより強い訴求をすることができるようになります。

 

ランキング機能も対応済!

SIRIUS特典テンプレートランキング機能対応

 

SIRIUSの便利機能の一つ「ランキング機能」に対応済みです!

 

今回は無条件で誰でもランキング機能が利用できるようになっていますので、テンプレートを手に入れたその日からランキング作成を簡単に行う事が出来ます。

 

 

超簡単なカスタマイズで1カラムにも!

SIRIUS1カラムテンプレート

 

fine&grandテンプレートは2カラムテンプレートですが、簡単なカスタマイズをするだけで、

 

  • トップページだけを1カラムにして他のページは2カラムに
  • 全ページを1カラムに
  • 特定のページだけを1カラムに

 

が出来るようになっています。
特に、今までのSIRIUSでは「トップページだけ1カラムに」が出来なかったので、fine&grandでは新しいサイトの作り方が出来るようになります。

 

今回は6色展開・2カラム!

SIRIUS特典テンプレートカラーバリエーション

 

テンプレートのカラーバリエーションは、ブルー・シアン・ピンク・オレンジ・グリーン・ブラックの6色展開で2カラムになっています。
いつもは5色展開でしたが、「育毛ジャンルやカッチリしたジャンルで使えるブラックが欲しい」という声も多かったので追加しました。

 

もちろん、サイドバー位置はテンプレート選択時に左右を選択することが出来るようになっています。

 

※fine ver2とfine ver2 cute版、grand ver2のみ、2種類のシアンとグリーンを追加して8色となりました。

 

 

説明書&カスタマイズ特設サイトも完備!

SIRIUS特典テンプレート説明書カスタマイズサイト

 

もちろん、fine&grand専用の説明書・カスタマイズサイトも完備しました。
「ここはカスタマイズしたい人がいらっしゃるだろうな」と思うものはなるべくコンテンツ化しています。

 

サイト作成・クリック率向上・精読率向上のためのノウハウも少し書いていますので、お役に立てるかと思います。ぜひご参考ください。

 

 

デモサイトをちょっと公開!

今回は2種類同時リリースでバージョン違いもあるボリュームの多さですので、抜粋してデモサイトを作ってみました。
サムネイル画像をクリックすると、デモサイトをご覧いただけます。

 

fine ver1 ブルー fine ver2 グリーン fine ver2 シアン

SIRIUS特典テンプレートfine1ブルーデモサイト

サイドバー白、鮮やかなブルーで、コントラストがハッキリしているのでスマホからでも読みやすい。

SIRIUS特典テンプレートfine2グリーンデモ

視認性の良いグリーン。見出しアイコンを簡単自由に変更することで、どんなジャンルのサイトにでも適合します。濃い色のバージョンも同梱。

SIRIUS特典テンプレートfine2シアン

清潔感あるシアン。サイドバーは透過で300px広告も入ります。こちらは濃い色のバージョンも同梱。

grand ver1 グリーン grand ver2 オレンジ 特別テンプレート

SIRIUS特典テンプレートgrand1グリーンデモサイト

grandはアイコンにSIRIUS初のウェブフォントを採用。マテリアルデザインカラーの採用で、PC・スマホからの視認性も抜群です。

SIRIUS特典テンプレートgrand2オレンジデモ

鮮やかかつ明るすぎないオレンジとウェブフォントでのアイコンを使用したことで、アイコン番号を書き換えるだけで簡単に見出しデザインを変更出来ます。

SIRIUS特典テンプレートfine2キュート

2017年7月31日迄限定配付予定特典の特別なテンプレート。詳細はページを読み進めてください!

説明書&カスタマイズサイト アフィリエイトサイト例 次回作?

SIRIUS特典テンプレートfinegrand説明書サイト

テンプレートのインストールからカスタマイズ、見せるテクニックを書いた説明書ページも完備。このサイトはfine ver2ブルーの見出しアイコンを変更して利用。

アマゾンFireTV購入前サイト

fineテンプレートを使って2日間かけて全力で作ったアフィリエイトサイトです。報酬や経過はプレミアム会員専用ブログで公開中。

SIRIUS特典テンプレート

SIRIUSテンプレート作りは卒業予定です!fine&grandテンプレートは、今後どんなジャンルでも長くお使い頂けると思います!
今後は会員専用ブログで、有益な情報の公開を頑張ります!

(※プレミアム特典のテンプレートは個人サイト・個人&法人アフィリエイトサイト作成用のみでご利用頂けます。他人のサイト作って販売する目的のご利用は固く禁じられています)

 

今回も沢山のご協力ありがとうございました!

SIRIUS特典テンプレート協力者

 

今回のテンプレートも、前作facile同様にいろんな方のご協力を得て完成に漕ぎ着けています。

 

プロウェブデザイナー3名の作業協力、月数百万~一千万円超えのアフィリエイター様5名のアドバイスに監修とアドバイスを頂いています。

 

アドバイス頂いたアフィリエイターの方は当サイトでのご購入者様で、【fine&grand】テンプレートを利用して頂いています。
ツイッターにいらっしゃる沢山のアフィリエイター様からいろんな声を頂きましたので、一部ご紹介いたします。

 










 

このような声を頂けること、本当に嬉しいです。ありがとうございます!

 

 

 

fine&grandレスポンシブウェブテンプレートの入手方法

 

【fine&grand】レスポンシブウェブテンプレートは、当サイトのプレミアム会員様向け限定の特典とさせて頂いております。

 

⇒ プレミアム会員について知る

 

 

【期間限定特典】キュート版テンプレートを同梱!

SIRIUS特典テンプレートキュート版

 

今回は2017年7月31日までのお申込み限定特典として、fineバージョン2を女性ユーザー向けにカスタマイズした”キュート版テンプレート”も同梱しています。

 

もちろんアイコンの変更も簡単に出来るようになっていて8色分作ってありますので、ジャンルやターゲットに合わせたデザインへのカスタマイズも簡単です!

 

SIRIUS特典テンプレートfine2キュート

 

fine2テンプレートキュート版(ピンク)デモサイト

 

fine&grandテンプレートの同梱内容

【fine&grand】レスポンシブウェブテンプレートは、それぞれver1とver2の異なるデザイン2種類があります。

  • fine ver1・・・アイコンが画像タイプ、サイドバー背景白 ×6カラー
  • fine ver2・・・アイコンが画像タイプ、サイドバー背景透過 ×8カラー
  • grand ver1・・・アイコンがウェブフォントタイプ、サイドバー背景白 ×6カラー
  • grand ver2・・・アイコンがウェブフォントタイプ、サイドバー背景透過 ×8カラー
  • fine&grand用背景素材6種類
  • fine ver2キュート版 ×8カラー【期間限定2017年7月31日迄】 

 

※キュート版の特典配布は延長も考えておりますが、経過を見て配布終了させて頂く予定です。

 

追伸:沢山のお気遣いを頂きありがとうございました。

今回のテンプレート制作中、プレミアム会員様の方々からメールやブログコメントに

 

「ゆっくりでも全然大丈夫ですので、体に気を付けてくださいね。」
「テンプレートは楽しみですけど、これだけの購入なのにここまでして頂いて心配です。」
「申し訳なさすぎて、頑張ってくださいとも言えません。たまには休んでくださいね。」

 

 

など、沢山の励ましやご心配のメッセージを頂きありがとうございました。
また、2カ月も延期してしまい、お待たせして申し訳ございませんでした。

 

ですが、おかげで現段階で自分が思っているもの全てを詰め込むことが出来たと思っています。
悔いを残すことなく、最後のSIRIUS特典テンプレート作りを終える事ができました。

 

このテンプレートは自分の小規模~中規模サイト制作でも役立ちそうだと感じています。

 

これからは会員向けブログの方で、有益な情報を提供していけたらと思っています。

 

 

この度は誠にありがとうございました。
いろいろ詰め込んだ今回のテンプレートが、皆様のお役に立てて頂ければ幸いです。

 

 

マナ(高橋学)より

 


SIRIUSの機能解説 限定特典ご案内 限定特典付き購入方法 カスタマイズ&小技 アフィリエイトログ