DIVI 主題是一款可以高度定製的 WordPress 主題,非常靈活。有時我們需要把登陸表單放在大圖片的上面,吸引眼球,這個效果在 DIVI 主題裡實現起來很簡單,因為在 Divi 主題裡,登陸表單做成了一個模組,可以放在任何位置。今天我們要實現的效果如下圖:

divlogin

後面的圖片是背景圖,在登陸表單上有一個文字圖片 (來源支付寶首頁) 。

一、新建一個頁面 (或存在的頁面)

如果有存在的頁面,直接進入編輯頁面,如果沒有,新建一個。 WP 後臺,頁面,新建或編輯即可。

二、切換到 DIVI 構建器

對於之前存在的頁面,如果使用了 DIVI 構建器就無需切換。對於新建的頁面,點選:

divilogin1

然後進入介面:

divilogin2

看到箭頭指示的方向嗎,這個是設定。

我們點開這個設定,上傳一張背景圖片或影片:

divilogin4

接下來我們要為登陸表單做一個分欄佈局,我們希望登陸表單放在中間,所以:

divilogin5

然後選擇三列:

divilogin6

divilogin8

我們需要插入一個影像和登陸表單模組。

divilogin9

這樣即可。