menu

菅井デザインオフィス

横浜市西区平沼1-1-12-301
営業時間.10:00~19:00

TEL.045-534-3561

お洒落な感じのページが作れるページビルダーDIVI

進化するワードプレスのブロックエディタ

ワードプレスの記事やページを編集にブロックエディタを利用される方が増えています。一昔前まではメールを書くような画面でしたが、ブロックエディタとは箱を重ねるようにレイアウトを設定して、その中に様々な要素を設定していくことが出来る為、従来のエディタでは困難だったページレイアウトが格段に楽になりました。

ワードプレスのバージョン5.0以降に搭載されている「Gutenberg」はとても使いやすく、慣れればとても便利です。
昔からあるブロックエディタの定番といえば、SiteOriginのPageBuilderは今でも愛用されている方は多く、私も良く利用しています。

最近のブロックエディタはさらに進化しており、単純にレイアウトするだけでなく、様々な要素が含まれているものもあり、お洒落なページが簡単に作れるものもあります。中でも一番人気なのはElementorを導入しているサイトは世界的にみても多いようです。

ホームページをワードプレスで運営していて、しかもお洒落にしたいという方は是非ブロックエディタを使いこなしてみてください。

最近人気上昇中のDIVI

最近Elementorと人気を分けているのがDIVI。要素をドラッグ&ドラッグするだけで、色々な機能をWEBページに追加する事ができます。

最初は戸惑うかもしれませんが、慣れればお洒落なページを簡単に作る事ができます。シンプルなデザインから奇抜なデザインまでこなします。

下記のような要素を簡単に設置することができます。

スライダーも楽々

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

慣れれば数分で設置可能

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

カウントダウンも簡単設置

日(s)

:

時間(s)

:

分)

:

(S)

斜めにカットしたような背景も楽々。
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

ちょっと風変わりな背景。
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

  • 棒グラフも簡単設置 95% 95%
  • 数分で設定することができます。 50% 50%
  • 色々な設定も可能です。 30% 30%
アコーディオンも簡単設置!

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

ホームページをお洒落にできます。

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

DIVIではこういった様々な要素を簡単にワードプレスに追加してホームページを見やすくお洒落にするだけでなく、ホームページ全体のデザインを作成することもできてしまいます。
操作知識やワードプレスの構造などを理解していないと難しいですが、少しずつ慣れればそれも可能かもしれません。

ワードプレスは様々なブロックエディタがありますので、試してみてはいかがでしょうか。