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.”
ご覧いただいているカテゴリの記事:
Divi フィーチャーアップデート:アイコン機能が大幅に進化しました!
2021/11/4に、 Divi の アイコン オプション が進化しました。何百もの新しい アイコン を選択することができるようになりました。また、ビルダーのアイコンピッカーが改善されて、探しているアイコンを簡単に見つけられるようになりました。
Divi フィーチャーアップデート:ヘッダーやフッターの編集がとても簡単になりました
Webデザインを行う中で、意外に時間がかかる箇所が ヘッダー や フッター であったりします。本文デザインや各ページとの統一感などを持たせたくても、作業が少し面倒です。今回の Divi フィーチャーアップデートは、まさにこのポイントを劇的にシンプルにしてくれる内容です。
Divi condition Options : 期間限定セール通知などを簡単に設定できます
2021/9/30に 「 Divi condition Options / 条件オプション」セットがリリースされました。これによって、モジュール・行・セクションのあらゆる要素を「日時」「ユーザーの役割」「日付」などの一連の条件に基づいて表示の有無を自動で変更することができるようになりました。