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

記事タイトル(H2):siriesA Orange(オレンジ)

シリウスカスタムテンプレート【シリーズA:オレンジ】

SIRIUS(シリウス)カスタムテンプレート、siriesA【Orange(オレンジ)】です。

 

 

SiriesAオレンジは、赤ほど激しくなく、やわらかい主張をした暖かいカラーであるため、思いやりや親しみ感を与えることができます。

 

サイトを派手に飾りすぎずにパステルカラーで親しみやすく、フラットなデザインを心がけて作成しております。

 

オレンジは活力、行動、冒険、陽気、成功、発展、好意的、善意、安定、幸福、太陽、食欲を連想させます。

 

 

シリウス最新バージョン対応、メインコンテンツ横幅調整可能、1〜3カラムに完全対応済みです。

 

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

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

 

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

 

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

 

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

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

 

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

 

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

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

 

H2の影付き見出し

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

 

H2のテキスト影付き見出し

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

 

通常H3見出し

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

H3:吹き出し見出し

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

H3影付き見出し

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

H4見出し

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

H5見出し

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

H6見出し

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

 

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

矢印オレンジ

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

矢印ブルー

矢印レッド

 

 

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

 

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

 

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


 

SIRIUSの画像の挿入方法

シリウスカスタムテンプレート【シリーズA:オレンジ】

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

 

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

 

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

 

 

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

 

SIRIUSのリストタグの例

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

 

  1. あなたのそばに幸呼来
  2. 美しい体は美しい食生活から
  3. 引き締まったボディを手に入れる為に

 

テーブルタグの例

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

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

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

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

 

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

 

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

 

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

 

 

フリースペース2

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

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