SANGOテーマのブロック

キャプションボックス

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

タイトル

タイトルにアイコンを設置したり、ボックスカラーを変更したりできるので、アイディア次第でスタイルはかなり多く作れるようになっています。

タイトル

タイトルにアイコンを設置したり、ボックスカラーを変更したりできるので、アイディア次第でスタイルはかなり多く作れるようになっています。

タイトル
うきだいら
うきだいら

SANGOのキャプションボックス内には画像、タイムライン、吹き出しなど、すべてのSANGOブロックが使えるようになっています。

見出しスタイル

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

吹き出し

うきだいら
うきだいら

ここに文章をいれるとこんな感じになります

うきだいら
うきだいら

右にも配置することもできます

うきだいら
うきだいら

吹き出しの色はクリックするだけでこんな風に変更できるようになっています。

うきだいら
うきだいら

SANGOの吹き出しにはリスト、画像、ボタンが設置できます。

  • 吹き出しにリストが作れます1
  • 吹き出しにリストが作れます2
  • 吹き出しにリストが作れます3

吹き出しに画像が設置できます

タイムライン

フォームからお問い合わせ
弊社から折り返しのご連絡
ご契約

マーケティングプランの策定
作業開始

うきだいら
うきだいら

SANGOのタイムラインはこんな感じ。デザインはデフォルトで1パータンしか用意されていないので、CSSなどで自分でカスタマイズする必要があります。もしくは今後Sango Landのほうに追加されていく可能性はあります。

アコーディオン

アコーディオンの内容

アコーディオンの内容

アコーディオンの内容

アコーディオンの内容

アコーディオンの内容

記事一覧ブロック







うきだいら
うきだいら

その他にもSANGO LANDで記事一覧のスタイルが用意されています。

SANGO LANDの記事一覧スタイル

メモ

うきだいら
うきだいら

1クリックで選択できるメモスタイルは3つ用意されています。他に必要な場合は、アイコン変更、色変更、角の丸み設定などはできるのでオリジナルデザインを作ることができるようになっています。

ボックス

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

ここにテキストを入れる

うきだいら
うきだいら

その他にもSANGO LANDでボックスのスタイルが用意されています。

SANGO LANDのボックススタイル

ボタンスタイル

うきだいら
うきだいら

その他にもSANGO LANDでボタンのスタイルが用意されています。

SANGO LANDのボタンスタイル

参考リンク

うきだいら
うきだいら

参考リンクはデザインが1種類用意されています。アイコンの変更、アイコン色の変更はできるようになっています。

レビューボックス

掃除機の評価
デザイン
 (3.5)
使いやすさ
 (4)
吸引力・パワー
 (4.5)
静音性
 (2)
サイズ
 (3)
手入れのしやすさ
 (4.5)
取り回し
 (2)

※この評価リストは価格ドットコムの掃除機レビューの表を参考にしてます

うきだいら
うきだいら

レビューボックスのデザインは一つ用意されています。今後SANGO LANDにて増えていく可能性があります。

タブのスタイル

タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1タブの中身1。

タブの中身2

タブの中身3

タブの中身4

タブの中身5

タブの中身6

タブの中身7

タブの中身8

タブの中身9

タブの中身10

タブの中身11

タブの中身12

うきだいら
うきだいら

タブのデザインは一つ用意されています。SANGO LANDには複数用意されており、今後も増えていく可能性があります。タブの数はいくつでも追加できます(上限があるかもしれませんがそれは確認してません)。

上記タブは4つで折り返すように設定しているので4つで折り返されてますが(PCで見た場合)、設定すれば5つでも6つでも並べて表示できます。ただし5つで折り返すといったことはできません。折り返し設定は4までです。

関連記事デザイン

基本ブロックのテスト2│うきだいら
うきだいら
うきだいら

関連記事のデザインは三つ用意されています。SANGO LANDには複数用意されており、今後も増えていく可能性があります。

線のスタイル



うきだいら
うきだいら

線のデザインは二つ用意されています。線はここからは別のコンテンツだよといった区切りに使ったりします。

リストスタイル

  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  1. リスト1
  2. リスト2
  3. リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
うきだいら
うきだいら

リストスタイルはデフォルトでも多いうえに、設定できる項目も多いのでかなり多くのパターンが作れるようになってます。またSANGO LANDでもどんどん増えていくと思われます。

コード入力

HTML
<h2 class="title">タイトル</h2>
<p>コンテンツの内容</p>
CSS
h2 .title{
  font-size:20px;
}
うきだいら
うきだいら

デフォルトではこんなコードブロックが用意されています。色は基本水色で、変えるにはCSSをイジる必要があります。SANGO LANDにもいくつかコードブロックが用意されているので確認してみてください。

SANGOのQ&A

質問
回答
質問
回答
質問
回答
うきだいら
うきだいら

SANGOのQ&Aはこんなデザインになっています。デフォルトではデザインは1種類だけになりますが、SANGO LANDにこれから追加されていく可能性があります。

ヒーローヘッダー

ここにタイトルを入力する

ここに説明文を入力する

ここにタイトルを入力する

ここに説明文を入力する

ここにタイトルを入力する

ここに説明文を入力する

うきだいら
うきだいら

SANGOのヒーローヘッダーはデフォルトで2種類あり、1種類は左右反転することができます。ヒーローヘッダーはSANGO LANDにあるもののほうが使い勝手良いので、そちらも確認してみると良いでしょう。

条件分岐ブロック

うきだいら
うきだいら

条件分岐ブロックを使ってこの吹き出しはPCでのみ表示されるようにしています。なのでこの吹き出しはスマホでは表示されていません。その他にもカテゴリで条件分岐したりもできるようになっています。

画像スライダー

うきだいら
うきだいら

SANGOのスライダーはこんな感じになっています。高さの設定、同時に表示させる枚数、自動切り替え、などが設定できるようになっています。画像ごとにリンクを貼ることはできますが、画像の上にボタンを設定したり、テキストを入力したりすることはできません。

フルサイズ背景

うきだいら
うきだいら

フルサイズ背景は記事だとイマイチどう使うかわからないかもしれませんが、個別記事をトップページに設定した場合などに効果を発揮します。長くなるのでここでは紹介しませんが、フルサイズ背景はオシャレなサイトを作るのに必須な機能。と頭のはじっこにでも置いといてください。

ボックスメニュー

うきだいら
うきだいら

ボックスメニューはカラム数の設定、アイコンを画像に変更、カラーの設定、などができるようになっています。

コンテンツブロック

うきだいら
うきだいら

コンテンツブロックの説明は長くなるので、SANGO公式のマニュアルをご確認ください。

プロフィール

プロフィール背景画像
プロフィール画像

テキストテキストテキスト

うきだいら
うきだいら

プロフィールブロックは主にサイドバーに設置するものになります。なおSANGOのプロフィール画像の設定はGravatarなどを使わずに、メディアライブラリから画像を選択して設定できるようになっています。

ボタングループ

うきだいら
うきだいら

ボタングループはボタンを横や縦に並べて表示できる機能になります。

ABテスト

うきだいら
うきだいら

ABテストの説明は長くなるのでSANGO公式マニュアルをご確認ください。

コメントを残す

メールアドレスが公開されることはありません。