特典用SIRIUSレスポンシブウェブテンプレート【fine ver.1】
お世話になっております。マナです！
プレミアム会員向けSIRIUS特典テンプレート【fine＆grand】が完成しました。
今までのアフィリエイトサイト作成やホームページ作成の経験で培ったもの全て詰め込んだテンプレートになりました！
※このテンプレートはfine ver1ブルーを利用しています。
制作経緯「どんなジャンルでも使えるテンプレートを作ろう」
今まで沢山の方々にSIRIUSを買って頂いて、いろいろな購入者様から次のような悩みを寄せられる事がありました。
- ジャンル特化テンプレートが多くて自分が参入したいジャンルのサイトにデザインが合わない・・。
- デフォルトテンプレートのデザインが何かしっくり来ない・・。
- SIRIUSのテンプレートって、サイドバー幅が狭くてASP広告バナーが入らないんですよね・・。
- 公式のレスポンシブテンプレートはPCとスマホの分岐表示ができなくて困る。
- デザインがライバルサイトと同じようになってしまって差別化できない。
- シンプルだけど綺麗でスタイリッシュ、女性向けサイトのデザインテンプレートが欲しい！
- 自分のサイトはSIRIUSっぽさを無くしたい！マナさんに作って欲しい！
この悩み、私もずっと皆さんと同じように感じていたんです。
でも、全部の悩みを解決するようなテンプレートを作るとしたら膨大な時間と60万円以上の制作費がかかるので、保留にしていました。（結果的には制作費67万円と、デザイナーさんと作業して500時間ほどかかりました）
2015年から専業アフィリエイターになったこともあって、本音を言うとテンプレート制作よりもアフィリエイトサイト制作に時間を費やしたかったんです。
テンプレート制作はとても大変で、大詰め段階になると他の業務全てを1カ月以上停止する必要があるほど忙しくなります。
2015年12月末に行われた”アフィロック”で制作を決意
2015年12月26日、さいたまスーパーアリーナで開催されたアフィリエイター1000人以上が集うイベント”アフィロック”に行きました。
そこで、いろんな方が私のサイトを見て「凄く役に立ってます」「あのサイトのおかげでSIRIUSが使えるようになりました！」とか、「特典テンプレートありがとうございます」と声をかけて頂けました。
この出来事には心底驚いたんですが、正直に嬉しくて。
「じゃぁ最後にもう１つだけ、私からの購入者の皆さんがいろんなジャンルで使っていけそうなテンプレートを作ってみよう」と決意。
結局リリースを2ヵ月延期して合計6カ月もかかりましたが、おかげで悔いのない仕上がりになったと思っています。
それでは、今回のテンプレート【fine&grand】の特徴を簡単にご説明していきます。
どんなジャンルにも簡単にデザインチェンジ出来る！
今回のテンプレートは、見出しやサイドバーのアイコンを簡単に変えられるようにしました。
通常のテンプレートだと、見出しのアイコンデザインは簡単に変えることができなかたったので、他のサイトのデザインと被ってしまうことが多くなっていたことが「気に入らない！」と思う人が多い状況でした。
ですが【fine】では、無料アイコン素材サイト「FLAT ICONS」の13万種類以上のアイコンの中からジャンルに合った物をダウンロードして、ファイル名を変更してSIRIUSの画像に上書きするだけでデザインチェンジすることが出来ます。
アイコンの画像サイズは自動リサイズされますので、好みのアイコンを選んでダウンロード＆上書きするだけの簡単操作です！
【grandテンプレート】ではコード番号を変更するだけ!
そして【grandテンプレート】では、アイコンのダウンロードも不要です。
スタイルシートのウェブフォントの３ケタのアイコン番号を変更するだけで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バナー広告は横幅ピッタリに自動リサイズされるので、こちらでも問題無く利用できます。
ランキング機能も対応済！
SIRIUSの便利機能の一つ「ランキング機能」に対応済みです！
今回は無条件で誰でもランキング機能が利用できるようになっていますので、テンプレートを手に入れたその日からランキング作成を簡単に行う事が出来ます。
今回は６色展開・２カラム！
テンプレートのカラーバリエーションは、ブルー・シアン・ピンク・オレンジ・グリーン・ブラックの６色展開で２カラムになっています。
もちろん、サイドバー位置はテンプレート選択時に左右を選択することが出来るようになっています。
※fine ver2とfine ver2 cute版、grand ver2のみ、2種類のシアンとグリーンを追加して８色となりました。
今回も沢山のご協力ありがとうございました！
今回のテンプレートも、前作facile同様にいろんな方のご協力を得て完成に漕ぎ着けています。
プロウェブデザイナー３名の作業協力、月数百万～一千万円超えのアフィリエイター様５名のアドバイスに監修とアドバイスを頂いています。
アドバイス頂いたアフィリエイターの方は当サイトでのご購入者様で、【fine＆grand】テンプレートを利用して頂いています。
fine＆grandテンプレートの入手方法
【fine＆grand】レスポンシブウェブテンプレートは、当サイトのプレミアム会員様向け限定の特典とさせて頂いております。
【期間限定特典】キュート版テンプレートを同梱！
今回は今だけの限定特典として、fineバージョン2を女性ユーザー向けにカスタマイズした”キュート版テンプレート”も同梱しています。
もちろんアイコンの変更も簡単に出来るようになっていますので、ジャンルやターゲットに合わせたデザインへのカスタマイズも簡単です！
fine＆grandテンプレートの同梱内容
- fine ver1・・アイコンが画像タイプ、サイドバー背景白 ×6カラー
- fine ver2・・アイコンが画像タイプ、サイドバー背景透過 ×8カラー
- grand ver1・・アイコンがウェブフォントタイプ、サイドバー背景白 ×6カラー
- grand ver2・・アイコンがウェブフォントタイプ、サイドバー背景透過 ×8カラー
- fine＆grand用背景素材6種類
- fine ver2キュート版 ×8カラー【期間限定2016年7月31日迄】
※デモサイトで使用しているヘッダー画像は同梱しておりません。
追伸：沢山のお気遣いを頂きありがとうございました。
今回のテンプレート制作中、プレミアム会員様の方々からメールやブログコメントに
「ゆっくりでも全然大丈夫ですので、体に気を付けてくださいね。」
「テンプレートは楽しみですけど、これだけの購入なのにここまでして頂いて心配です。」
「申し訳なさすぎて、頑張ってくださいとも言えません。たまには休んでくださいね。」
など、沢山の励ましやご心配のメッセージを頂きありがとうございました。
また、２カ月も延期してしまい、お待たせして申し訳ございませんでした。
ですが、おかげで現段階で自分が思っているもの全てを詰め込むことが出来たと思っています。
悔いを残すことなく、SIRIUS特典テンプレート作りを終える事ができました。
これからは会員向けブログの方で、有益な情報を提供していけたらと思っています。
この度は誠にありがとうございました。
マナ（高橋学）より
【制作・著者：マナ】
【運営サイト】SIRIUSアピールサイト
【twitter】 @マナ
【お問い合わせ】 フォームはこちら
