WordPress テーマ Divi の魅力はとても便利な「 Visual Builder 」を備えていることです。 先進的なエフェクト も含めて、とても簡単に思い通りのWebサイトを作成することができます。

WordPress に標準で備え付けられているEditorもありますが、「とても使いやすい!どんなデザインでも作ることができる!」とまでは言えませんよね、また、慣れるのにも少し時間がかかると思います。

Divi Builderは標準のEditorに変わる機能も提供しています。それが「 Visual Builder 」です。とても視覚的に、直感的に作成することができます。今回は先進的なエフェクトもとても簡単に作成/編集することができることをご紹介します。

ご参考:「Diviとは?」 こちらの記事でご紹介しています
https://3shimaipapa.com/divi-introduction/

Diviを見ることが初めての方へ

Diviでのサイト作成はとても洗練されています。言葉で書くよりも、実際の編集画面をお見せしますね。驚かれると思います♬ 動画出典元:Divi公式ページより

とても直感的にWebサイトを作成することができると、感じることができたかと思います♬

今回は、最近のWebデザインで欠かせない 先進的なエフェクト もとても簡単に作成できることもご紹介します。

Hover State Styling

ちょっとおしゃれなサイトだと、カーソルを合わせると少し色が変わったりしますよね。
そのような効果も簡単に、そして、一瞬で作成することができます。コードなどを使用する必要もありません♬ 動画出典元:Divi公式ページ

Responsive Editing

デスクトップ、タブレット、モバイル、それぞれで最適な見え方とすることは、絶対に欠かすことができないですよね。こちらの動画のように、実際の見え方を見ながら、各媒体ごとに文字の大きさなどを変更していくことができます。 動画出典元:Divi公式ページ

Shape Dividers

例えば、商品の紹介の下にお問い合わせを入れたい時に、その切れ目がただの線のみだと、少し単調な印象を与えてしまいますよね。そんな時に、区切りをオシャレにすることができる機能です。 動画出典元:Divi公式ページ

Transform Controls & Effects

サイトをより立体的に見せたいときは、この機能です。こちらもコード設定などもちろんいらず、実際の画面効果を見ながらマウス操作のみで簡単に編集することができます。 動画出典元:Divi公式ページ

Drop Shadows

影を入れるのもこのようにとても簡単です♬ 動画出典元:Divi公式ページ

いかがでしたか?Divi、おススメです♬

■広告です
もしDiviに興味をもって下されば、下記リンクから会員登録(年間約1万円で各種機能/レイアウトが使いたい放題となります)をお願い致します。

私は「プログラミング教室等に通うことと比較すればとても安い♪」と感じ購入しました。公式サイトには、実際の使用を体感できるデモページもございますので、ぜひ試してみて下さい。この記事作成時点では、気に入らなければ30日以内ならお支払い金額を返金する制度もあります♬

下記リンクは私にも収入が入るリンクですので、記事作成の励みとなります。
応援よろしくお願い致します。

“Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.”

ご覧いただいているカテゴリの記事: