ページの背景を編集過程をリアルタイムに確認しながら編集することができます。背景の設定はセクション、行、モジュールのそれぞれで設定できます。」という素晴らしい機能が使えるようになっています。背景を改造してより素敵なサイトを構築しましょう。1)セクションの背景を設定する青色「⚙(歯車)」のアイコン「セクションの設定」をクリックします。セクションの背景を設定するには、セクション設定の「コンテンツ」タブの「背景」をクリックします。よる操作だけでページのセクションの背景グラデーションを追加することができます。セクションの背景パネル上でこのアイコンをクリックします。背景にグラデーションを追加できるので、別に背景用にグラデーション画像を作成して用意する必要がありませんし、実際にサイトに配置したときの効果を確認しながら作成できるので便利です。背景設定パネル上の左のアイコンをクリックします。メディアライブラリが表示されるので、追加する画像を選択あるいはアップロードしてください。画像には下記の設定ができます。視差効果:ページをスクロールしたときに視差効果が表示されます(設定するとパララックス方式を2種類から選べます)背景画像サイズ:カバー、Fit、実際のサイズから選べます背景画像の位置:スタート位置を設定できます背景画像の繰り返し:繰り返しを、通常、X軸、Y軸、スペース(フィット)、円形から選べます背景画像のブレンド:背景と画像とのブレンド効果を選択できます。選べます今回はこの背景画像を選んでみました。背景画像のブレンドを行うさらに背景グラデーションとして、左記のグラデーションを設定しておいて、「背景画像のブレンド」による効果を確認してみましょう。乗算:色のかけ合わせ。画像の色を重ねた効果となる。黒はより暗くなるスクリーン:乗算の逆で、色を重ねてより白くなる。明るい部分がより明るくなることでコントラストが高くなります焼き込みカラー:色相は保ったまま重ねた部分を暗くする。背景の輝度と彩度に、画像の色相が合成される。色を持たない場合変化がない彩度:背景の色相と輝度に、画像の彩度が合成される効果。画像のブレンドもサイト上で動的に変更できます。背景設定パネル上の再生ボタンのアイコンをクリックします。メディアライブラリが表示されるので、追加する動画を選択あるいはアップロードしてください。動画には下記の設定ができます。」を使うと、ページに仕切り形状を追加できます。これはすごく素晴らしい機能です。使えるのはセクションのみです。Dividers効果は、トップとボトムに分けてそれぞれ適用できます。仕切りのスタイル「仕切りのスタイル」で、仕切りの形状を下記のように非常に多くのスタイルから選択することができます。利用することで、仕切りの色を変化させられます。色はスポイトのアイコンをクリックすることで自由に選ぶこともできます。下記画像では、トップの仕切りを城に、ボトムの仕切りは青にしています。」を利用して、仕切りの高さを設定できます。」では、仕切りの水平方向の繰り返し頻度を設定できます。」では、仕切りを水平方向と垂直方向のそれぞれでフリップ(反転)させることができます。(後ろ)とするか設定できます。コンテンツとの上下関係も設定できます。使い勝手の良いとても良い機能だと思います。緑色「⚙(歯車)」をクリックします。設定の「コンテンツ」タブの「背景」をクリックします。行の背景の設定がセクションの背景の設定と違うところは、行自身の背景に加え、複数のカラムがある場合それぞれのカラムごとに別で背景を設定できるところです。行の背景も、セクションの背景と同様に設定ができます。灰色「⚙(歯車)」をクリックします。モジュールの設定の「コンテンツ」タブの「背景」をクリックします。モジュールの背景も、セクションの背景と同様に設定ができます。ページのセクション、行、モジュールとも同様な操作で背景の設定が簡単にリアルタイムに実施できます。モジュールでのみ利用できます。各場所で操作方法に違いがあまりないので覚えやすいです。写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。関連する記事の目次ページとしています。図を用いて簡単に説明するようにしています。イラストの形にグラデーション画像を表示する前回は文字の形に画像を切り抜いて表示させましたが、今回はイラストの形にグラデーション画像を切り抜いてみましょう。サイトで、写真や画像の分割比較表示をしたくなった場合に、便利なプラグインとして「TwentyTwenty」があります。Diviの各種モジュールのうちから「投稿タイトル」と「投稿ナビゲーション」のモジュールの使い方について、Divi初心者向けに図解したいと思います。各種モジュールのうちから、スライダーモジュールと投稿スライダーモジュール(スライダーを投稿する)について図解したいと思います。各種モジュールのうちから、動画モジュールと動画スライダーモジュールについて図解したいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。