BxSliderテスト

MENU

BxSliderテスト

 

horizontal  横にスライド
vertical 上にスライド
fade フェードイン・アウト
speed スライドするスピード
pause 次の画像に進むまでの時間

 

SIRIUSカスタムテンプレート最新作【SiriesB-Cyan】が完成しました。

 

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

 

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

 

サプリメント、コスメ、ジュエリー、健康用品、ファッション、雑貨、アクセサリ、アート、モールなどの幅広いジャンルにご利用頂けると思います。

 

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

 

SiriesBの機能と特徴

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

 

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

 

 

背景でサイドバーデザインを変える

サイドバー背景

 

サイドバーのメニューボックス背景を透過させたことにより、サイトの背景を上手く使うことでサイドバーのデザイン性を高めることが出来ます。

 

シリウスのサイトオプション > サイトデザイン > 背景画像 から、自分の好みの画像を簡単に差し替えることが出来ます。

 

なお、メニューボックスの透過は薄いホワイトにしています。

 

 

ランキング機能対応

シリウスカスタムテンプレートSiriesBシアン

 

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

 

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

 

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

 

 

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

 

 

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

シリウスBxSliderテストサイト

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

 

 

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

 

 

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

 

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

 

 

正規化URLの自動付加

シリウスBxSliderテストサイト

 

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

 

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

 

 

サイドバー追尾機能

シリウスBxSliderテストサイト

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

 

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

 

 

 

 

 

広めのサイドバーサイズ

シリウスBxSliderテストサイト

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

 

アドセンスの場合はスクエア(250x250px)がご利用頂けます。

 

 

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

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

 

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

 

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

 

 

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

 

 

ボックス枠カラーの変更

シリウスBxSliderテストサイト

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

 

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

 

デモページはこちら

 

 

オリジナルボックス枠

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

 

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

 

 

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

 

ライスフォース

ライスフォースファイバー
身体の中から美しくなりたい女性に人気です。

定期コースで20%もお得!

アクポレス

アクポレス・スターターキット
送料無料で1週間お試しが出来るトライアルキットです。
すっぴん美肌、しっとり綺麗肌を目指す方にお勧めです。


 

ライスフォース

ライスフォースファイバー
身体の中から美しくなりたい女性に人気です。

定期コースで20%もお得!

アクポレス

アクポレス・スターターキット
送料無料で1週間お試しが出来るトライアルキットです。
すっぴん美肌、しっとり綺麗肌を目指す方にお勧めです。


 

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

 

 

SiriesB-Cyanプレゼント企画

SiriesBテンプレートプレゼント企画

 

 

 

今回制作したSIRIUSカスタムテンプレート【SiriesB-Cyan】の当デモサイトをコメント付きでツイート・リツイートして頂いた方に、抽選で1名様へこのテンプレートをプレゼント致します。

 

抽選審査方法

  • コメント内容など

 

当選発表

2014年6月中、管理人マナからのtwitterダイレクトメッセージにて。

 

 

ぜひ【SiriesB-Cyan】のtweet・感想を宜しくお願い致します。

 

 

 

※このキャンペーンはSIRIUS制作会社のACES WEB様から正式な許可を頂いております。

 

Special Thanks #フリースペース

SiriesB-Cyan制作途中、アドバイス頂き感謝します!
  • @さけ茶 さん (初代黄門様、初代半沢直樹)
  • @すばる さん (スバル大好きな優しいお姉さん)

SiriesBには、全てのカラーでKタイプ(カッチリ・クッキリタイプ)もあります。

SiriesBシアンKタイプデモサイト
更新履歴