H1：SIRIUSカスタムテンプレート「siriesB-Pink2」

 

お待たせしておりました、SIRIUSカスタムテンプレート最新作【SiriesB-Pink2】が完成しました。

 

バージョン２ではサイドバー領域を透過させ、背景素材をサイトデザインに反映させることが出来ます。

 

→SiriesB-Pinkバージョン１はこちら

 

前作のSiriesA、Monputiではパステルカラーをベースに作成しましたが、SiriesBでは見やすさを重視して濃い目の色合いにしております。

 

シンプルなふんわり感をイメージしており、シンプルに使えて訪問者がスマートフォンでも見やすいよう、見出しや文字色など、細かい部分を検証しながら作成しております。

 

主に女性向けサイト、美容、コスメ、ブライダル関連のサイトにご利用ください。

 

2014年6月以降から配布予定です。

 

 

SiriesBの機能と特徴

SiriesBの主な機能・特徴をご紹介します。

 

従来から持つシリウスの便利な部分は残しつつ、公式テンプレートには無い機能を搭載しております。

 

 

ランキング機能対応

 

新SCK会員2か月目で配布される角丸テンプレートをお持ちの方に限り、SiriesB-Pink2にてランキング機能を利用することが出来ます。

 

ランキング用のアイコンも全てオリジナルで作り直しました。もちろん、SCK用のアイコン画像と置き換えて頂いてもOKです。

 

利用してみると、これが意外と使いやすく良いデザインのランキング機能です。デモページもご用意しましたので、どうぞ一度ご覧ください。

 

 

→ランキングデモページはこちら

 

 

iPhone閲覧のフォントサイズ可変

iPhoneからアクセスされた場合のみ、メインコンテンツのフォントサイズを好みのサイズに自動で切り替えることが出来ます。

 

 

現在でもiPhoneからPCサイトにアクセスした場合は、自動でフォントが大きくなりますが、大きすぎる為にレイアウトが崩れるケースがあります。

 

 

さらに次期iPhone6は、ディスプレイサイズが4.7インチ以上になります。その場合、自動切り替えのフォントサイズを小さ目に変更したい方もいると思った為、この機能を付けました。

 

フォントサイズの大きさは上記CSSのパーセンテージを変更することで可能です。

 

 

正規化URLの自動付加

 

WordPressの場合、正規化URLが自動で付加されています。同様にSiriesBでも、カノニカルタグでのURL正規化が自動で付加されるようにしております。

 

人によっては必要無い方もいると思います。その場合はテンプレートからタグ一行を消すだけの簡単カスタマイズでOKです。
（方法は特典サイトにて）

 

 

サイドバー追尾機能

Monputi同様、サイドバー領域の追尾機能も搭載しております。サイドバー全部、フリースペースのみなどのカスタマイズも簡単に可能です。

 

成約ページへの誘導などにご利用頂けます。

 

 

 

 

 

広めのサイドバーサイズ

通常シリウステンプレートのサイドバーは狭く、広告が入りきらないという声が多い為、横幅250ｐｘまでの画像を挿入できるようにしております。

 

アドセンスの場合はスクエア（250ｘ250px）がご利用頂けます。

 

 

サイドバー幅のカスタムが超簡単に！

シリウス特典カスタムテンプレート【シリーズB】では、サイドバー幅の変更が超簡単に、誰でも出来ます。

 

なんとスタイルシートで３〜４か所の数値をお好みの数値に変更するだけ！作業時間は1分程度です。

 

よって、サイドバーの広告も横幅300pxサイズも入れることが出来ます。アドセンスのレクタングル中が入るサイズです。

 

 

→300pxにカスタマイズしたデモサイトはこちら

 

 

ボックス枠カラーの変更

シリウスデフォルトのボックスは、全て同一色ですので、扱う商品によってはボックスカラーが合わないと感じることがありました。

 

SiriesBでは、サイトカラーに近いボックスカラーに変更しておりますので、サイトテーマの雰囲気を損ねることなくご利用頂けます。

 

→デモページはこちら

 

 

オリジナルボックス枠

SiriesB-Pink2では、サイトテーマに合うオリジナルボックス枠を搭載しました。

 

テープのカラーは4種類、画像サイズは幅250pxに自動リサイズされます。レイアウト枠を利用して、横に２つ並べてご利用ください。

 

 

テープカラーボックスサンプル

 

 

 

テープカラーは、それぞれ１〜４の番号を変えるだけでOK。カラーを増やしたい場合は、CSSにカラーコードナンバーを追加して色を変えるだけです。

 

 

SiriesB-Pink2プレゼント企画