2018/02/19

サイト更新はページビルダーで簡単に [2]

前回の記事では、ページビルダーの概要と見出しや文章といったテキストの装飾についてサンプルを見ていただきました。今回はページビルダーによるレイアウトの基本と、プラグインによる便利な機能の紹介を行いたいと思います。

レイアウトの分割

こちらは左側です。ページビルダーでは、このように自由な分割レイアウトが可能です。この例では左右50%ずつの半分に分けたレイアウトを行っております。右のように画像とテキストの分割表示も可能です。

こちらは右側です。

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

分割は最高で6つまで可能です。

こちらは3分割の例です。

分かりやすくするために、テキストの中央配置を行っております。

当然画像も入れられます。

プラグインによる便利な機能

ページビルダーでは、プラグインをインストールする事によって便利な機能を追加する事が可能です。

まず最初はタブ機能を使ってみました。

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

こちらはタブ01です。

タブの中身は文章と同じように編集可能です。

 

 

こちらはタブ02です。

画像を配置する事も可能です。


 

こちらはタブ03です。

タブの中に

テーブルも置けます

 

 

次はスライダーのサンプルです。

このようにページビルダーは、マウスを主体とした簡単な操作のみで、一般のブログ以上の本格的な記事を書くことができます。他にも様々な機能がありますので、ぜひ使いこなしてサイト更新に役立ててみて下さい。

このサイトは Internet Explorer 10 以下には対応しておりません

あなたがお使いの Internet Explorer はセキュリティ問題と表示の不具合を多く抱える古いブラウザのため、開発元のMicrosoft社でも移行を勧めております。
WEB閲覧には安全上の問題や、快適性を考慮して、現在主流となっている Google ChromeFirefox または Opera 等の最新ブラウザをご利用ください。
Chromeのダウンロード