シリウスカスタムテンプレート【シリーズA:cyan(シアン)】

記事タイトル(H2):siriesA シアン

テスト300pxシリウスカスタムテンプレート【シリーズA:シアン】

SIRIUS(シリウス)カスタムテンプレート、siriesA【cyan300px(シアン300px)】です。

 

サイドバーフリースペース部分に、横幅300pxのバナーやアドセンス(レクタングル中)を挿入することが出来ます。

 

 

シアンはサイトに清潔感を与え、フラットなデザインを心がけて作成。
連想するキーワード:カジュアル、洗練、冷静、治癒、清涼。

 

美容・アクセサリー・医療・衛生用品・カッチリしたイメージのサイトにお使い頂けます。

 

シリウス最新バージョン対応、メインコンテンツ幅調整可能、2カラムのみ、サイドバーの自動追尾有り・無しの2種類をご用意しております。

 

ブラウザはChrome、Safari、Firefox、Android、IEはバージョン8以降に対応させています。

 

ヘッダー画像は横幅1020pxのものをご利用ください。

サイドバーデザインについて

テスト300pxシリウスカスタムテンプレート【シリーズA:シアン】

 

サイドバーの背景色をテーマカラーにすることでサイト全体に溶け込ませました。

 

コンテンツ部の背景のみを白くすることで、コンテンツ部に集中しやすいデザインになっています。

 

また、サイドバーのメニュー高さを少し広げたことで、スマホユーザーでもタップしやすくなっています。

 

見出しのデザインが複数使用可能

今回作成したテンプレートは、H2とH3見出しに複数のバージョンを搭載しています。

 

吹き出しや影を加えるには、
シリウスのクラス設定を行うことで1クリックで付加することが出来ます。

 

【吹き出し見出しのコード例】

<h2 class="fuki2">H2:吹き出し見出し</h2>

 

H2の影付き見出し

<h2 class="kage">H2の影付き見出し</h2>

H2吹き出し+テキスト影見出しのテキスト

2種類のデザインを同時に付加する場合は、以下のようにコードをスペースで区切ります。

<h2 class="fuki2 tkage">H2吹き出し+テキスト影見出しのテキスト</h2>

 

通常H3見出し

ここにテキストをかきます。ここにテキストをかきます。

H3:吹き出し見出し

ここにテキストをかきます。ここにテキストをかきます。

H3タグ見出し

ここにテキストをかきます。ここにテキストをかきます。

H4見出し

ここにテキストをかきます。ここにテキストをかきます。

H5見出し

ここにテキストをかきます。ここにテキストをかきます。

H6見出し

ここにテキストをかきます。ここにテキストをかきます。

 

矢印のカラーはパステルデザインに変更

テスト300pxシリウスカスタムテンプレート【シリーズA:シアン】

矢印オレンジ

矢印ブラック(黒矢印は使用頻度が少ないので、緑に変更)

矢印ブルー

矢印レッド

 

 

こんにちは、管理人マナです。
カスタムテンプレート siriesA:シアンのサンプルサイトです。

 

私のサイト経由で商品を購入頂いた方に特典として本シリーズのテンプレートを差し上げております。

 

SIRIUSで可能な装飾は、左メニューから具体的に見ることができます。


 

SIRIUSの画像の挿入方法

テスト300pxシリウスカスタムテンプレート【シリーズA:シアン】

SIRIUSは、画像の挿入も簡単にできます。
ドラッグ&ドロップで画像挿入も出来ます。

 

アンダーライン例です。打ち消し線の例です。

 

蛍光マーカーです。 蛍光マーカーの色は自由自在です。 

 

 

続きを読む⇒(リンクの挿入は文字列を選んで、リンク先を入れるだけです。)

 

SIRIUSのリストタグの例

  • リストタグ例です。
  • 箇条書きの場合は積極的に利用をお勧めします。
  • グーグルからの評価も良くなります。

 

  1. 毎日毎日僕らは鉄板の
  2. 上で焼かれて
  3. イヤになっちゃいます

 

テーブルタグの例

商品名1 商品名2 商品名3

ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文

ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文

ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文

 

飾り枠はシリウスデフォルトのままですが、テーマカラーに揃えています。

 

文章をさらに引き立たせたい場合に、飾り枠が有効です。

 

華やかさが訪問者の目を引きます。

 

 

フリースペース2

ここはフリースペース2です。
広告などを貼り付けに活用します。
表示/非表示の設定が出来ます。
↓更新履歴は自動で表示されます。履歴件数も設定できます。
更新履歴位置はページの上部に持っていくこともできます。

トップページ グローバルメニュー 新テンプレ 1カラムスタイル