Webページ上の各種要素の配置を、とても簡単に、直感的行うことができます。英語なのですが、まずはこの公式動画をご覧下さい。イメージがつかみやすいと思います。

Diviではモジュール/行/セクションという３つの階層でWebサイトを作っていくのですが、その全てに位置オプションができました。ここでは、固定、絶対、相対などの位置を割り当てることができます。（少し直訳っぽくてすみません。でも、この表現が実は分かりやすいと感じ、使用することとしました。）

「固定」の位置
ブラウザのビューに基づいた位置とします。つまり、ページを下にスクロールしても、ブラウザのビュー内で指定した位置に固定されたままとなります。

「絶対」の位置
要素を親コンテナに対して移動できるようにします。要素の位置が周囲から切り離されるので絶対/Absoluteと呼ばれる位置です。

「相対」の位置
要素の位置を調整できるものの、要素とその周囲の要素との関係は変更しません。その意味で相対と呼ばれます。

インターフェースはこのような感じです。（公式サイトより）
この枠を選ぶのみで、要素の位置を定めることができます。また、直感的にアンカーをドラッグすることでも位置を定めることができます。これ、すごいです。

このような使い方ができます

・常に表示されるヘッダーやフッターを作ることができます。

・フローティングバナーや、ボタン、記入フォームなどを入れることもできます。

どのようなイメージか、公式動画の紹介ページをご覧くださいね。

今回の機能向上で、 WordPress テーマDiviがもっと使いやすくなりました。Webページ作成に興味がある方、ぜひ試してみてくださいね。 

画像出典元：Divi公式サイト