ワードプレス Diviの動画利用方法 Diviレッスン5-2

ワードプレス Diviの動画利用方法 Diviレッスン5-2

今回は Divi で作成しているサイトに動画を設定する方法について図解します。Divi では動画を複数の方法で配置することができます。動画はファイルサイズが大きいので、あまり多量に配置するのはおすすめできませんが、ところどころに使うと効果的です。また、MP4動画を使う以外により軽い方法でアニメーションを設定する方法についても図解します。 Diviサイトで動画を表示する Diviの使い方5-2 1.動画モジュールで動画を表示する 動画を表示させるには複数の方法がありますが、まずは、動画モジュールを利用する方法から説明します。...
ワードプレス Diviの高速化 2019 正式版グーグルフォントと WP Super Cache

ワードプレス Diviの高速化 2019 正式版グーグルフォントと WP Super Cache

今回はワードプレスの Divi テーマで作成しているサイトの高速化をはかりたいと思います。以前にフォントを変更することによる高速化を紹介しましたが、また別の方法を提案したいと思います。さらにキャッシュも導入することによりさらなる高速化を目指します。 ワードプレス Diviの高速化 2019 正式版Googleフォントへの変更と WP Super Cache 1.正式版 Google フォントへの変更により高速化 前回、追加 CSS の設定でフォントを変更し、高速化する方法について説明しましたが、今回は、そもそも Divi...
Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン

Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン

実は Divi で作成した日本語サイトは、初期設定のままでは極端に重く遅いのです。今回はいくつかの設定を変更することにより高速化を行います。極端に重い一番の理由は下記で詳しく説明しますが、非常に重い日本語のフォントを読み込んでいるためです。それ以外にも高速化のために行っておいた方が良いことがありますので、ここにまとめておきます。 Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン 1.速度の確認方法:PageSpeed Insights サイトの速度の確認には、Googleの PageSpeed...
Diviの使い方8 テーマのカスタマイズ4 追加CSS設定

Diviの使い方8 テーマのカスタマイズ4 追加CSS設定

Divi ではテーマのカスタマイズを便利に行えるように、追加のCSS設定を書き込む専用の場所が用意されています。今回はその機能を利用してテーマのカスタマイズを行う方法について図解します。 Diviの使い方8 テーマのカスタマイズ4 追加CSS設定 1.追加CSS設定の場所 Divi でテーマ全体のカスタマイズのために、追加の CSS 設定を行うには、下記の場所にコードを書き込みます。 「外観」>「カスタマイズ」をクリックします。 一番下に「追加 CSS」があるのでクリックします。 追加 CSS...
Divi レッスン9 テーマのオプションのおすすめ設定

Divi レッスン9 テーマのオプションのおすすめ設定

Divi でサイトを作成したら、ぜひオプション設定も変更しましょう。Divi はテーマのオプションを専用のメニューでいろいろと変更できるようになっています。今回はぜひ設定しておいた方が良いおすすめの設定を図解します。 Divi レッスン9 テーマのオプションのおすすめ設定 1.テーマのオプション設定の場所 テーマのオプションを設定するには、ワードプレスダッシュボードの、 「Divi」>「テーマのオプション」をクリックします。...
ワードプレス Divi リファレンス2 テーマのオプションの設定方法

ワードプレス Divi リファレンス2 テーマのオプションの設定方法

Divi では専用のオプションメニューを利用して様々な設定を行えるようになっています。今回はその「テーマのオプション」の設定方法について図解します。 Diviの使い方9 テーマのオプションの設定方法 目次 1.Divi のテーマのオプションの場所 2.General (一般)の設定 3.Navigation の設定 4.ビルダーの設定 5.Layout 6.Ads 7.SEO 8.Integration 9.Updates 1.Divi のテーマのオプションの場所 テーマのオプションを設定するには、ワードプレスダッシュボードの、...

Pin It on Pinterest