レスポンシブウェブテンプレート【fine&grand】のご紹介
お世話になっております。マナです!
プレミアム会員向けSIRIUS特典テンプレート【fine&grand】が完成しました。
今までのアフィリエイトサイト作成やホームページ作成の経験で培ったもの全て詰め込んだテンプレートになりました。
テストモニターを終えて、現在も変わらずご好評を頂いています。
2018年5月に公開されたSIRIUS最新バージョンVer1.5以降でも利用できます。
制作経緯「どんなジャンルでも使えるSIRIUSテンプレートを作ろう」
今まで沢山の方々にSIRIUSを買って頂いて、いろいろな購入者様から次のような悩みを寄せられる事がありました。
- ジャンル特化テンプレートが多くて自分が参入したいジャンルのサイトにデザインが合わない。
- デフォルトテンプレートのデザインが何かしっくり来ない。
- SIRIUSのテンプレートって、サイドバー幅が狭くてASP広告バナーが入らないんですよね・・。
- 公式のレスポンシブテンプレートはPCとスマホの分岐表示ができなくて困る。
- デザインがライバルサイトと同じようになってしまって差別化できない。
- シンプルだけど綺麗でスタイリッシュ、女性向けサイトのデザインテンプレートが欲しい!
- 自分のサイトはSIRIUSっぽさを無くしたい!マナさんに作って欲しい!
この悩み、私もずっと皆さんと同じように感じていたんです。
でも、全部の悩みを解決するようなテンプレートを作るとしたら膨大な時間と60万円以上の制作費がかかるので、保留にしていました。(結果的には制作費67万円と、デザイナーさんと作業して500時間ほどかかりました)
2015年から専業アフィリエイターになったこともあって、本音を言うとテンプレート制作よりもアフィリエイトサイト制作に時間を費やしたかったんです。
テンプレート制作はとても大変で、大詰め段階になると他の業務全てを1カ月以上停止する必要があるほど忙しくなります。
アフィリエイトの大イベント”アフィロック”で制作を決意
さいたまスーパーアリーナで開催されたアフィリエイター1000人以上が集うイベント”アフィロック”に行きました。
そこで、いろんな方が私のサイトを見て「凄く役に立ってます」「あのサイトのおかげでSIRIUSが使えるようになりました!」とか、「特典テンプレートありがとうございます」と声をかけて頂けました。
この出来事には心底驚いたんですが、正直に嬉しくて。
「じゃぁ最後にもう1つだけ、私からの購入者の皆さんがいろんなジャンルで使っていけそうなテンプレートを作ってみよう」と決意。
結局バージョン違いで2種類リリースすることになり、2ヵ月延期して合計6カ月もかかりましたが、おかげで悔いのない仕上がりになったと思っています。
それでは、今回のテンプレート【fine&grand】の特徴を簡単にご説明していきます。
どんなジャンルにも簡単にデザインチェンジ出来る!
今回のテンプレートは、見出しやサイドバーのアイコンを簡単に変えられるようにしました。
通常のテンプレートだと、見出しのアイコンデザインは簡単に変えることができなかたったので、他のサイトのデザインと被ってしまうことが多くなっていたことが「気に入らない!」と思う人が多い状況でした。
ですが【fine】では、無料アイコン素材サイト「FLAT ICONS」の13万種類以上のアイコンの中からジャンルに合った物をダウンロードして、ファイル名を変更してSIRIUSの画像に上書きするだけでデザインチェンジすることが出来ます。
アイコンの画像サイズは自動リサイズされますので、好みのアイコンを選んでダウンロード&上書きするだけの簡単操作です!
【grandテンプレート】ではコード番号を変更するだけ!
そして【grandテンプレート】では、アイコンのダウンロードも不要です。
スタイルシートのウェブフォントの3ケタのアイコン番号を変更するだけでOKです!
ウェブフォントのアイコン種類は現在約600種類で、数がどんどん増えています。最近はいろんなサイトでウェブフォントアイコンを利用する人が増えてきています。これをSIRIUSでも利用することが出来るようにしました。
【関連ページ】ウェブフォントリスト・Fontawesome
多彩なオリジナル装飾デザインを搭載
fine・grand共に、訪問者の目を引く多彩なオリジナル装飾デザインを沢山用意しました。
例えば、見出し付枠、黒板風枠、凹むCSSボタン、ブレット、太字アンカーテキストリンク装飾、リンクブランクタグ、マウスオーバーアフィリエイトアニメーションなど、私の経験から得た精読率やクリック率を上げる装飾デザインを使えるようにしています。
【関連ページ】オリジナル装飾デザイン一覧ページ
もちろんスマホ対応のレスポンシブウェブ!PCとスマホ分岐表示も可能!
fine・grandテンプレート共にレスポンシブウェブですので、SIRIUS通常版をご利用の方でも、このテンプレートさえ使えばPC・スマホ・タブレット間で自動最適化して表示されます。
さらに、公式側のテンプレートでは出来なくなっていたPCとスマートフォンの分岐表示をすることも可能です。
クリック率向上!サイドバー追尾機能搭載!
今回のテンプレートも、サイドバー追尾機能を搭載。
フリースペースだけを追尾させたり、メニュー全体を追尾させることも、オフにすることも可能です。
スマートフォンとタブレット端末で見た時は自動的に機能がオフになりますので、手間がかからずに狙った広告やフォームに誘導することが出来ます。
画像リサイズの手間無し!横幅に自動リサイズ!
サイト制作時の手間を少しでも減らす為に、コンテンツ幅やサイドバー幅の最大値を超えた大きさの画像は、自動でリサイズされるようにしました。
つまり、今まで手作業で画像をリサイズしていた手間から解放されます。
ver.2デザインテンプレートはサイドバーに300px広告が入る!
【fine・grand】のver2テンプレートは、サイドバー背景を透過タイプにしたことで、横幅300pxの広告バナーを入れる事が出来るようになりました。
アドセンス広告やASP広告の多くが横幅300pxバナーになっていますので、このテンプレートを利用することで広告設置がしやすくなります。
ver1のテンプレートはサイドバー背景をホワイトにした関係上、横幅が292pxまでになっていますが、ASPバナー広告は横幅ピッタリに自動リサイズされるので、こちらでも問題無く利用できます。
さらに、ver2のテンプレートの横幅、サイドバー幅のカスタマイズも対応しました!
標準では1000px幅ですが、全体の幅を1300pxまで広げることができます。
カスタマイズ方法は数値を変えるだけ、2~3分でできる簡単なものです。
PC向けサイトでは横幅を広することで、1画面中の情報量を多くしたり、画像などでより強い訴求をすることができるようになります。
ランキング機能も対応済!
SIRIUSの便利機能の一つ「ランキング機能」に対応済みです!
今回は無条件で誰でもランキング機能が利用できるようになっていますので、テンプレートを手に入れたその日からランキング作成を簡単に行う事が出来ます。
超簡単なカスタマイズで1カラムにも!
fine&grandテンプレートは2カラムテンプレートですが、簡単なカスタマイズをするだけで、
- トップページだけを1カラムにして他のページは2カラムに
- 全ページを1カラムに
- 特定のページだけを1カラムに
が出来るようになっています。
特に、今までのSIRIUSでは「トップページだけ1カラムに」が出来なかったので、fine&grandでは新しいサイトの作り方が出来るようになります。
今回は6色展開・2カラム!
テンプレートのカラーバリエーションは、ブルー・シアン・ピンク・オレンジ・グリーン・ブラックの6色展開で2カラムになっています。
いつもは5色展開でしたが、「育毛ジャンルやカッチリしたジャンルで使えるブラックが欲しい」という声も多かったので追加しました。
もちろん、サイドバー位置はテンプレート選択時に左右を選択することが出来るようになっています。
※fine ver2とfine ver2 cute版、grand ver2のみ、2種類のシアンとグリーンを追加して8色となりました。
説明書&カスタマイズ特設サイトも完備!
もちろん、fine&grand専用の説明書・カスタマイズサイトも完備しました。
「ここはカスタマイズしたい人がいらっしゃるだろうな」と思うものはなるべくコンテンツ化しています。
サイト作成・クリック率向上・精読率向上のためのノウハウも少し書いていますので、お役に立てるかと思います。ぜひご参考ください。
デモサイトをちょっと公開!
今回は2種類同時リリースでバージョン違いもあるボリュームの多さですので、抜粋してデモサイトを作ってみました。
サムネイル画像をクリックすると、デモサイトをご覧いただけます。
fine ver1 ブルー | fine ver2 グリーン | fine ver2 シアン |
---|---|---|
サイドバー白、鮮やかなブルーで、コントラストがハッキリしているのでスマホからでも読みやすい。 |
視認性の良いグリーン。見出しアイコンを簡単自由に変更することで、どんなジャンルのサイトにでも適合します。濃い色のバージョンも同梱。 |
清潔感あるシアン。サイドバーは透過で300px広告も入ります。こちらは濃い色のバージョンも同梱。 |
grand ver1 グリーン | grand ver2 オレンジ | 特別テンプレート |
---|---|---|
grandはアイコンにSIRIUS初のウェブフォントを採用。マテリアルデザインカラーの採用で、PC・スマホからの視認性も抜群です。 |
鮮やかかつ明るすぎないオレンジとウェブフォントでのアイコンを使用したことで、アイコン番号を書き換えるだけで簡単に見出しデザインを変更出来ます。 |
限定配付予定特典の特別なテンプレート。詳細はページを読み進めてください! |
説明書&カスタマイズサイト | アフィリエイトサイト例 | 次回作? |
---|---|---|
テンプレートのインストールからカスタマイズ、見せるテクニックを書いた説明書ページも完備。このサイトはfine ver2ブルーの見出しアイコンを変更して利用。 |
fineテンプレートを使って2日間かけて全力で作ったアフィリエイトサイトです。報酬や経過はプレミアム会員専用ブログで公開中。 |
SIRIUSテンプレート作りは卒業予定です!fine&grandテンプレートは、今後どんなジャンルでも長くお使い頂けると思います! |
(※プレミアム特典のテンプレートは個人サイト・個人&法人アフィリエイトサイト作成用のみでご利用頂けます。他人のサイト作って販売する目的のご利用は固く禁じられています)
今回も沢山のご協力ありがとうございました!
今回のテンプレートも、前作facile同様にいろんな方のご協力を得て完成に漕ぎ着けています。
プロウェブデザイナー3名の作業協力、月数百万~一千万円超えのアフィリエイター様5名のアドバイスに監修とアドバイスを頂いています。
アドバイス頂いたアフィリエイターの方は当サイトでのご購入者様で、【fine&grand】テンプレートを利用して頂いています。
ツイッターにいらっしゃる沢山のアフィリエイター様からいろんな声を頂きましたので、一部ご紹介いたします。
テンプレートは、めっちゃ嬉しい!
— いのり (@oioikenta) 2016年5月1日
それよりマナさんのサイトがあったから、くじけずサイトを作れるようになりました!!
ありがとうございます💗
マナさんの新テンプレすげぇ!w
— 竜巻アタック@命中E (@akudaikan00) 2016年5月27日
SIRIUS特典テンプレート【fine&grand】説明書 | ホームページ作成ソフトSIRIUS https://t.co/ydgEAbDflF
@webmaster_mana こちらこそ素晴らしいテンプレートをありがとうございます!サクッと作れるようがんばります! マナさんのシリウスサイトが無ければアフィリエイト速攻やめてたと思いますw
— いのまくん@月50いくぞ! (@inomavtec) 2016年10月15日
この前ののんくらさんのセミナーからシリウス使いに戻りつつある。
— おじさま (@ozusama) 2016年7月24日
マナさんの最終型テンプレートかなり使いやすい。
マナさんのシリウスのレスポンシブレンプレはすごいなぁ。
— ゆるる (@yururu00) 2016年11月7日
有料から無料まで、色々なシリウスのテンプレを使ってきたけど抜群に使いやすいし綺麗。
このような声を頂けること、本当に嬉しいです。ありがとうございます!
fine&grandレスポンシブウェブテンプレートの入手方法
【fine&grand】レスポンシブウェブテンプレートは、当サイトのプレミアム会員様向け限定の特典とさせて頂いておりますが、にSIRIUSをご購入頂いた方に特別に利用権を付与しております。
また、【fine&grand】だけでなく、プレミアム会員特典全ての利用権が付与されます。
この機会にどうぞご検討頂ければと思います。
※SIRIUSを既にお持ちの場合は、こちらのリストにございます商品をご購入頂いた場合も特典は入手可能となっております。
【期間限定特典】キュート版テンプレートを同梱!
今回は2022年5月15日までのお申込み限定特典として、fineバージョン2を女性ユーザー向けにカスタマイズした”キュート版テンプレート”も同梱しています。
もちろんアイコンの変更も簡単に出来るようになっていて8色分作ってありますので、ジャンルやターゲットに合わせたデザインへのカスタマイズも簡単です!
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カラー【期間限定】
※キュート版の特典配布は延長も考えておりますが、経過を見て配布終了させて頂く予定です。
追伸:沢山のお気遣いを頂きありがとうございました。
今回のテンプレート制作中、プレミアム会員様の方々からメールやブログコメントに
「ゆっくりでも全然大丈夫ですので、体に気を付けてくださいね。」
「テンプレートは楽しみですけど、これだけの購入なのにここまでして頂いて心配です。」
「申し訳なさすぎて、頑張ってくださいとも言えません。たまには休んでくださいね。」
など、沢山の励ましやご心配のメッセージを頂きありがとうございました。
また、2カ月も延期してしまい、お待たせして申し訳ございませんでした。
ですが、おかげで現段階で自分が思っているもの全てを詰め込むことが出来たと思っています。
悔いを残すことなく、最後のSIRIUS特典テンプレート作りを終える事ができました。
このテンプレートは自分の小規模~中規模サイト制作でも役立ちそうだと感じています。
これからは会員向けブログの方で、有益な情報を提供していけたらと思っています。
この度は誠にありがとうございました。
いろいろ詰め込んだ今回のテンプレートが、皆様のお役に立てて頂ければ幸いです。
マナより