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

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

今回は Divi で作成しているサイトに動画を設定する方法について図解します。Divi では動画を複数の方法で配置することができます。動画はファイルサイズが大きいので、あまり多量に配置するのはおすすめできませんが、ところどころに使うと効果的です。また、MP4動画を使う以外により軽い方法でアニメーションを設定する方法についても図解します。 Diviサイトで動画を表示する Diviの使い方5-2 1.動画モジュールで動画を表示する 動画を表示させるには複数の方法がありますが、まずは、動画モジュールを利用する方法から説明します。...
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の使い方8 外観のカスタマイズ3 色を変える方法

ワードプレス Diviの使い方8 外観のカスタマイズ3 色を変える方法

今回はサイトの色を変える方法を解説します。Divi では複数の方法で色を変えることができます。 Divi の使い方8 外観のカスタマイズ3 色を変える方法 4.カラースキームでサイト全体の色を変える 手軽にサイト全体でのタイトルやアイコンの色を変えるには、「外観」>「カスタマイズ」のカラースキームが利用できます。各メニューの文字色とアイコンの色が変化し、一気にイメージが変わります。 5.サイトの文字や背景の色を変える 1)ページの文字色を変える ページ全体での文字の色を変えるには、「外観」>「カスタマイズ」の、...
ワードプレス Divi の使い方8 外観のカスタマイズ2 サイトの文字の大きさを変える

ワードプレス Divi の使い方8 外観のカスタマイズ2 サイトの文字の大きさを変える

Divi にはサイトの文字の大きさを変える複数の方法が存在します。それぞれで使いどころを分けて利用すると便利です。 Diviの使い方8 外観のカスタマイズ2 サイトの文字の大きさを変える 2.外観のカスタマイズでサイト全体で文字の大きさを変える 外観のカスタマイズでテキストのサイズを変えることで、サイト全体での文字の大きさを変えることができます。 ①④ボディのヘッダーテキストサイズ ②メタ情報のテキストサイズ ③ボディのテキストサイズ   「外観」>「カスタマイズ」をクリックします。 表示されるメニューで、...
Divi レッスン8 テーマのカスタマイズ1 子テーマを作成する方法

Divi レッスン8 テーマのカスタマイズ1 子テーマを作成する方法

今回から複数回にわたって、テーマのカスタマイズ、オプション設定について解説します。まず、Divi のテーマをカスタマイズする前に、子テーマ(Divi Childe Theme)を作成することにします。子テーマを作成しておくと、Divi の更新が行われた際に、自分で行った 追加 CSS 等の設定が消えてしまうのを防ぐことができます。 レッスン8 テーマのカスタマイズ1 子テーマを作成する方法 1.子テーマを作成し適用する 1)子テーマ用のファイルを用意する まず、子テーマ用に次の2つ(あるいは3つ)のファイルを用意します。...

Pin It on Pinterest