向 Divi 頁腳添加免責聲明的 3 種方法

已發表: 2021-12-25

添加免責聲明是向受眾提供重要信息的好方法。 這是保護您和您的網站免受法律責任的良好第一步。 免責聲明包括附屬通知,表明作者的意見可能不是母公司的意見等。我們通常在頁腳中看到它們。 幸運的是,免責聲明很容易添加到 Divi。 在本文中,我們將看到 3 種向 Divi 頁腳添加免責聲明的方法。

預覽

桌面靜態免責聲明

桌面靜態免責聲明

這是桌面上的靜態免責聲明。

移動靜態免責聲明

移動靜態免責聲明

這是手機上的靜態免責聲明。

桌面粘性免責聲明

這是桌面上的免責聲明。

移動粘性免責聲明

這是手機上的免責聲明。

桌面動畫免責聲明

這是桌面上的動畫免責聲明。

移動動畫免責聲明

這是手機上的動畫免責聲明。 它禁用動畫並正常顯示文本。

上傳 Divi 頁腳模板

上傳 Divi 頁腳模板

我們將使用優雅主題博客中的三種不同的免費頁腳模板。 您可以通過在博客中搜索“free footer”找到它們。 要使用它們,請解壓縮下載文件。 在 WordPress 中,轉到Divi > Theme Builder並選擇Portability 。 在打開的模式中單擊導入。 導航到您的文件並選擇它。 單擊導入 Divi 主題生成器模板。 等待上傳完成並保存您的設置。

向 Divi 頁腳添加靜態免責聲明

向 Divi 頁腳添加靜態免責聲明

對於此示例,我們將在頁腳底部的新部分中構建靜態免責聲明。 此示例使用 Divi 的 Blogger 佈局包的頁眉和頁腳中的頁腳模板。 將鼠標懸停在最後一行並單擊藍色圖標,然後單擊常規以添加新部分。

向 Divi 頁腳添加靜態免責聲明

選擇全寬行

向 Divi 頁腳添加靜態免責聲明

添加一個文本模塊,然後關閉其設置。 在對部分和行進行一些調整後,我們將回到這一點。

向 Divi 頁腳添加靜態免責聲明

通過單擊其齒輪圖標打開該部分的設置

向 Divi 頁腳添加靜態免責聲明

向下滾動到背景並將其設置為黑色。

  • 背景:#000000

向 Divi 頁腳添加靜態免責聲明

打開設計選項卡並向下滾動到間距。 為頂部和底部添加 0px 填充。 關閉模塊的設置。

  • 內邊距:頂部 0px,底部 0px

向 Divi 頁腳添加靜態免責聲明

通過單擊其齒輪圖標打開行設置

向 Divi 頁腳添加靜態免責聲明

打開Design 選項卡並滾動到Sizing 。 將寬度設置為 90%。 關閉模塊的設置。

  • 寬度:90%

向 Divi 頁腳添加靜態免責聲明

通過單擊其齒輪圖標打開文本模塊的設置。

向 Divi 頁腳添加靜態免責聲明

將您的免責聲明添加到正文中。 我正在添加關於由多個作者創建的內容的免責聲明,他們的意見可能不反映網站的意見。

  • 正文:本網站內容包含多位作者觀點的文章,可能不反映本公司的觀點。

向 Divi 頁腳添加靜態免責聲明

選擇設計選項卡並滾動到正文文本。 將文本顏色設置為#777777 並關閉模塊的設置。

  • 文字文字顏色:#777777

保存您的工作。

向 Divi 頁腳添加粘性免責聲明

向 Divi 頁腳添加粘性免責聲明

滾動時,粘性元素保持在原位。 您可以控制它們的工作方式和地點。 我們將創建一個粘性免責聲明,該免責聲明顯示在頁腳頂部,並一直保留到頁面底部的最終位置。

我們將創建一個免責聲明,即寫作是作者的觀點,不應用於代替專業幫助。 在此示例中,我使用 Divi 的移民律師佈局包的頁眉和頁腳中的頁腳。

將鼠標懸停在底行並選擇佈局選項。 此行當前有兩列。 選擇具有 1/4、1/2、1/4 列的選項。 這為我們提供了免責聲明的很大一部分。

向 Divi 頁腳添加粘性免責聲明

將中間的文本模塊拖放到右側的位置。

向 Divi 頁腳添加粘性免責聲明

在中心欄中,單擊深灰色加號圖標並蒐索文本。 將文本模塊添加到列中。

向 Divi 頁腳添加粘性免責聲明

文本模塊將打開。 將您的免責聲明添加到正文。 免責聲明由您決定。 我正在添加這個:

  • 正文:在撰寫本文時,據作者所知,此內容是準確的。 它僅供參考,不能取代專業建議。

向 Divi 頁腳添加粘性免責聲明

向下滾動到背景並添加#fd643a。 該行已經有這個背景,但我們希望將它包含在模塊中,以便當模塊在該行之外可見時它會顯示。

  • 背景:#fd643a

設計選項卡

向 Divi 頁腳添加粘性免責聲明

選擇設計選項卡並選擇黑色作為文本顏色。 我們將為此使用默認字體和粗細。

  • 文字文字顏色:#000000

向 Divi 頁腳添加粘性免責聲明

滾動到Spacing並為頂部和底部添加 20px 填充,為左側和右側添加 5%。

  • 內邊距:上 20 像素,下 20 像素,左 5%,右 5%

向 Divi 頁腳添加粘性免責聲明

選擇Advanced 選項卡並向下滾動到Scroll Effects 。 為Sticky Position選擇Stick to Bottom 。 打開Top Sticky Limit下拉框並選擇Section 。 單擊綠色複選標記關閉此模塊。

  • 粘性位置:粘在底部
  • 頂部粘性限制:部分

向 Divi 頁腳添加粘性免責聲明

打開左側文本模塊的設置,選擇設計選項卡,在頂部和底部添加 26px 的內邊距並保存模塊的設置。

  • 內邊距:頂部 26px,底部 26px

向 Divi 頁腳添加粘性免責聲明

最後,右側Text 模塊的設置,選擇Design 選項卡,在 Top 和 Bottom 添加 26px 的 padding 並保存模塊的設置並保存您的工作。

  • 內邊距:頂部 26px,底部 26px

向 Divi 頁腳添加動畫免責聲明

向 Divi 頁腳添加動畫免責聲明

對於此示例,我使用 Divi 高爾夫課程佈局包的頁眉和頁腳中的頁腳模板。 我們將添加一個帶有文本通知的新行並對文本進行動畫處理。 將鼠標懸停在最後一行並單擊綠色加號圖標以添加新行

向 Divi 頁腳添加動畫免責聲明

將 Row 拖到底行上方並添加一個Text 模塊

向 Divi 頁腳添加動畫免責聲明

將您的免責聲明文本添加到Body 。 我使用免責聲明通知訪問者該網站包含附屬鏈接。

請注意,任何使用附屬鏈接的網站還需要在使用它們的頁面和帖子中包含適當的通知。 搜索您所在國家/地區的會員通知法。 對於美國來說,這是 FTC 附屬機構的披露。

  • 正文:免責聲明:本網站包含附屬鏈接。

設計選項卡

向 Divi 頁腳添加動畫免責聲明

打開Design 選項卡並將字體更改為Poppins ,將顏色設置為白色,並將桌面大小設置為 16px。 將行高設置為 2em。

  • 文字:罌粟
  • 顏色:#ffffff
  • 文字文字大小(桌面):16px
  • 行高:2em

向 Divi 頁腳添加動畫免責聲明

在文本大小中選擇電話選項卡並將其設置為 14 像素。

  • 文字文字大小(電話):14px

向 Divi 頁腳添加動畫免責聲明

向下滾動到 Animation 並選擇您喜歡的Animation Style 。 我選擇縮放。 動畫不會在手機版上顯示。

  • 動畫風格:縮放

向 Divi 頁腳添加動畫免責聲明

打開此模塊的行設置。 轉到設計選項卡並在頂部添加 50 像素的內邊距,在底部添加 25 像素的內邊距。

  • 內邊距:50px 頂部,25px 底部

向 Divi 頁腳添加動畫免責聲明

打開底部行的設置,選擇設計選項卡,轉到間距。 斷開頂部和底部填充並將頂部更改為 25px。

  • 內邊距:25px 頂部

關閉您的模塊並保存您的設置。

結果

桌面靜態免責聲明

桌面靜態免責聲明

這是桌面上的靜態免責聲明。

移動靜態免責聲明

移動靜態免責聲明

這是手機上的靜態免責聲明。

桌面粘性免責聲明

這是桌面上的免責聲明。

移動粘性免責聲明

這是手機上的免責聲明。

桌面動畫免責聲明

這是桌面上的動畫免責聲明。

移動動畫免責聲明

這是手機上的動畫免責聲明。 它禁用動畫並正常顯示文本。

結束的想法

這就是我們對如何在 Divi 頁腳添加免責聲明的看法。 免責聲明對於告知您的受眾使用您的建議、附屬鏈接等很重要。頁腳是一個很好的位置。 本文介紹了添加免責聲明並以突出或融合的方式顯示它的幾個選項。並非每個網站都需要免責聲明,但對於那些需要免責聲明的網站,本文將幫助您入門。

我們希望收到你的來信。 您是否使用過這些方法中的任何一種在您的 Divi 頁腳中添加免責聲明? 讓我們在評論中知道。