Divi の ご紹介

Divi の ご紹介

About Divi  『Divi』とは、サイトやブログの作成を行うことができるWordpressというCMS(コンテンツ管理システム)にて動作する有料テーマです。   日本ではあまり馴染みがないのですが、世界で最も人気のあるテーマの1つです。特徴は、圧倒的に美しいサイトを、難しいWeb知識なく直感的に作成することができることです。   まずは、この動画をご覧ください。(全編英語ですが、どのようなサービスかを体感頂けると思います。) Diviの魅力...
Divi の ご紹介

diviの使い方③ コードの入れ方

コードの入れ方 サイトにコードを設定することで、あらゆることが可能となります。 ・自分のサイトに予約システムを導入する ・フェイスブックと連携させ、常に最新の情報をサイトに掲示する ・アフィリエイトとして、サイトを収益源とする その他にも、様々なことが可能になります。 サイト構築になじみのない方は「コードを入れる」と聞くと難しそうな印象を持たれると思います。しかし、Diviでは「コピー&ペースト」のみですので、驚くほど簡単です。 では、その方法をご紹介します。 設定方法 下記3ステップのみで設定できます。 ①各種コードをコピーする...
Divi の ご紹介

Divi の使い方②  テキスト と 画像

今回は最もよく使用する「テキスト」と「画像」の掲載方法/編集方法について、ご紹介します。 (ご参考 : 下の動画はDivi公式ページの説明動画です。全部英語なのですが、どのように作成/編集を進めていくのか、イメージはわくと思いますので、パラパラと飛ばしながら見ていくと、この後の説明が分かりやすくなると思います。見なくても問題ないように説明を書いていますので、ご安心くださいね。 (^^)  ) テキストの作成/編集方法 テキストを作成するステップは下記のとおりです。...
Divi の ご紹介

Diviの使い方① 使い方の基礎

これからWordPressプラグインdiviビルダーの使い方をご紹介していきます。 具体的な操作方法をお伝えする前に、下の2つだけ覚えてください。あとは直感的に作業を進めることができます♫ セクション・列・モジュール Webサイトはセクション・列・モジュールという要素で構成していきます。 イメージとしては、大きな箱に(セクションに)、縦の仕切りを作って(列を作って)、モジュール(テキストや画像データ)を入れていく感じです。...
Diviの魅力③ 多様なアニメーション効果がとても簡単

Diviの魅力③ 多様なアニメーション効果がとても簡単

前回に続き、「Diviビルダー」の魅力/使いやすさをご紹介します。 今回はアニメーション効果です。 このように、様々なアニメーション効果を設定することができます。(効果が分かるように、あえて連続で動かしていますが、通常は1回のみです。) アニメーション例:スライドイン アニメーション例:その他(ズームイン、反転、回転、等) アニメーション例:大きなアニメーション効果① アニメーション例:大きなアニメーション効果② いろいろと自由に動かせることがお分かり頂けたかと思います。...