2018/08/11

ページビルダーサンプル

基本的な使い方

見出しサンプル(フォントサイズ=48 中央)

見出しサンプル(フォントサイズ=32 左揃)

見出しサンプル(フォントサイズ=20 右揃)

キャッチフレーズサンプル(フォントサイズ=20 中央)

見出しキャッチフレーズの違いは、h3タグh4タグの違いのみです。フォントサイズを自由に設定できるので、デザインイン上の違いはありませんが、SEOでは見出しの方が効果が高いです。

 

ちなみに、こちらは文章のサンプルです。文字の太さや色を自由に設定できます。

下のようにテーブルも作ることが可能です。

 

要素1要素2
要素3要素4

 

他にも下のようなテキスト装飾機能を使えます。

 

リンク

 

打ち消し

 

文字サイズ

 

文字色

 

  1. 番号付きリスト
  2. 番号付きリスト
  3. 番号付きリスト
  4. 番号付きリスト

 

 

キャプションも打てます

画像に対するテキストの回り込み表示も可能です。

回り込みが終わったら、できるだけ書式をクリアして下さい。

 

回り込みの解除には「TinyMCE Clear Float」プラグインが必須です。

(ページビルダー単体では回り込み解除が出来ません)

レイアウトの分割

ページビルダーでは、このように自由な分割レイアウトが可能です。こちらは左側です。

ページビルダーでは、このように自由な分割レイアウトが可能です。こちらは右側です。

分割は6つまで可能です。こちらは3分割の例です。

分割は6つまで可能です。こちらは3分割の例です。

分割は6つまで可能です。こちらは3分割の例です。

このように画像とテキストの分割表示も可能です。

画像に回り込むことはできませんが、モバイル表示時に改行されるので、レスポンシブデザインにおいて効果を発揮します。

その他の便利機能

スライダーの表示

タブ機能

  • タブ01
  • タブ02
  • タブ03

タブ01見出し

こちらはタブ01です。

タブ02見出し

こちらはタブ02です。

タブ03見出し

こちらはタブ03です。

  • 見出し01

    説明が入ります

  • 見出し01

    説明が入ります

料金表

料金表1料金表2
10000/月20000/月
説明が入ります説明が入ります
詳細説明はこちら詳細説明はこちら
料金表110000/月説明が入ります詳細説明はこちら
料金表220000/月説明が入ります詳細説明はこちら

機能比較

 列1列2列3
機能01×××
機能02×××

GoogleMapsの埋め込み