キャプションボックス
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
タイトルにアイコンを設置したり、ボックスカラーを変更したりできるので、アイディア次第でスタイルはかなり多く作れるようになっています。
タイトルにアイコンを設置したり、ボックスカラーを変更したりできるので、アイディア次第でスタイルはかなり多く作れるようになっています。
SANGOのキャプションボックス内には画像、タイムライン、吹き出しなど、すべてのSANGOブロックが使えるようになっています。
見出しスタイル
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
見出し
吹き出し
ここに文章をいれるとこんな感じになります
右にも配置することもできます
吹き出しの色はクリックするだけでこんな風に変更できるようになっています。
SANGOの吹き出しにはリスト、画像、ボタンが設置できます。
- 吹き出しにリストが作れます1
- 吹き出しにリストが作れます2
- 吹き出しにリストが作れます3
吹き出しに画像が設置できます
タイムライン
SANGOのタイムラインはこんな感じ。デザインはデフォルトで1パータンしか用意されていないので、CSSなどで自分でカスタマイズする必要があります。もしくは今後Sango Landのほうに追加されていく可能性はあります。
アコーディオン
アコーディオンの内容
アコーディオンの内容
アコーディオンの内容
アコーディオンの内容
アコーディオンの内容
記事一覧ブロック
その他にもSANGO LANDで記事一覧のスタイルが用意されています。
メモ
1クリックで選択できるメモスタイルは3つ用意されています。他に必要な場合は、アイコン変更、色変更、角の丸み設定などはできるのでオリジナルデザインを作ることができるようになっています。
ボックス
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
ここにテキストを入れる
その他にもSANGO LANDでボックスのスタイルが用意されています。
ボタンスタイル
その他にもSANGO LANDでボタンのスタイルが用意されています。
参考リンク
参考リンクはデザインが1種類用意されています。アイコンの変更、アイコン色の変更はできるようになっています。
レビューボックス
※この評価リストは価格ドットコムの掃除機レビューの表を参考にしてます
レビューボックスのデザインは一つ用意されています。今後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
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
リストスタイルはデフォルトでも多いうえに、設定できる項目も多いのでかなり多くのパターンが作れるようになってます。またSANGO LANDでもどんどん増えていくと思われます。
コード入力
<h2 class="title">タイトル</h2>
<p>コンテンツの内容</p>
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公式マニュアルをご確認ください。