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の魅力② 直感的なユーザビリティ
Diviの大きな魅力の1つは、直感的な「Diviビルダー」です。 まるでパワーポイント資料を作成しているような感覚で、実際の画面で文字の編集/写真の挿入/各種効果の反映等を行うことができます。 今回は、この3つを紹介しますね。・テキストの書き方 ：圧倒的なユーザビリティ。・レスポンシブデザイン：ボタン１つで画面を変えられます。・最近流行りの視差効果：パララックスも、ボタン１つで対応できます。①テキストの書き方 文字情報にマウスを合わせれば、そのまま文字を編集できます♪...
Diviの魅力① 豊富なレイアウト
これから、Diviの魅力について紹介していきます。 Diviの会員になると、とてもオシャレなレイアウトがたくさん提供されます。そのレイアウトを基に、文字/写真を入れ替えながら作成することができるため、大変効率的に作業を進めることができます。 写真を用いながら、使い方についてご紹介します。①新規の投稿や固定ページを作成する際に、このようなページがポップアップします。 100以上あるレイアウトの中から、イメージにあうレイアウトを選びます。②あとは、「Use This...
WordPress「Divi」テーマとは？
Wordpressでサイトを作る方法は様々です。 全て自分で作りあげる、無料のテーマを使用する、有料テーマを使用する。 いろいろと調べてみましたが、私はコード等を駆使できる程の知識がなかったため、有料テーマを使用してサイトを作成することとしました。 （勉強と作りこみの時間を、お金で買うようなイメージです。） 有料テーマは大変多く、選ぶのが大変です。 重要視したことは「直感的に作成できること」...
