Divi サイトに目次機能を追加 Easy Table of Contents の設定

Divi サイトに目次機能を追加 Easy Table of Contents の設定

Divi で作成している Web サイトに目次機能を追加するのに、便利なプラグインとして「 Easy Table of Contents 」があります。今回はそのインストールと設定方法について解説します。 Divi で作成したサイトに目次機能を追加 Easy Table of Contents の設定 1.Easy Table of Contents のインストール Easy Table of Contents をインストールするには、ワードプレスダッシュボードの「プラグイン」>「新規追加」に「 Easy Table...
ワードプレス Diviの使い方 7-2 イラストの形にグラデーション画像を表示する

ワードプレス Diviの使い方 7-2 イラストの形にグラデーション画像を表示する

前回は文字の形に画像を切り抜いて表示させましたが、今回はイラストの形にグラデーション画像を切り抜いてみましょう。Divi Builder 上で画像の切り抜きを設置すると、いつでも色を変更できるので便利です。 Divi レッスン 7の2 イラストの形にグラデーション画像を表示する 1.イラストを用意する 切り抜きの型となるイラストを用意しましょう。今回はこのPNG画像を利用することにします。フリーイラストをダウンロードするのも良いでしょう。用意するのは黒に塗りつぶした画像です。 2.行( Row )に画像モジュールを追加する...
ワードプレス Diviの使い方7 写真を文字の形に切り抜く方法

ワードプレス Diviの使い方7 写真を文字の形に切り抜く方法

Webサイトで写真を文字の形に切り抜いて表示させたい場合、通常は Photoshop などで画像を文字型のパスで切り抜き加工し取り込むと思います。でもその方法だと、ちょっと文言を変えたいと思ったら再度、加工からやり直しになりますよね。でも、Divi Builder だとその場で文字列を変えるだけで、すぐにその文字型に写真を切り取った様に表示できるんです。今回はその方法を解説します。 ワードプレス Diviの使い方7 写真を文字の形に切り抜く方法 1.写真を「行( Row )」のカラムの背景に設定する 行( Row...
ワードプレス Diviの使い方6 設定でデザインできる共通項目と固有項目

ワードプレス Diviの使い方6 設定でデザインできる共通項目と固有項目

Divi Builder の設定のデザインタブで設定できる項目として、セクションの Dividers と、デザイン設定のうちのアニメーションについてはすでに説明しました。今回はその他に設定できる項目についてみてみることにしましょう。 ワードプレス Diviの使い方6 設定でデザインできる共通項目と固有項目 1.デザイン設定の場所 Divi では Web ページのセクション、行(Row)、モジュール のそれぞれで同様の操作にてデザインを設定できます。様々なモジュールがありますが、今回は画像モジュールを例として示します。...
ワードプレス Diviの使い方5 Webサイトにアニメーションを設定する

ワードプレス Diviの使い方5 Webサイトにアニメーションを設定する

Divi は Web ページにアニメーションを編集過程をリアルタイムに確認しながら設定することができます。アニメーションの設定はセクション、行、モジュールのそれぞれで設定できます。 WordPressテーマ Diviの使い方5 サイトにアニメーションを設定する 1.アニメーション設定の場所 アニメーションを設定するには、 セクション(青色)、行(緑色)、モジュール(灰色)のそれぞれの「⚙(歯車)」アイコンをクリックします。...

Pin It on Pinterest