前言介紹
- 這款 WordPress 外掛「AddFunc Backgrounds」是 2018-11-28 上架。
- 目前有 70 個安裝啟用數。
- 上一次更新是 2018-12-11，距離現在已有 2337 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
backgrounds | fixed background | layered background | parallax background | multi-layer background |
內容簡介
AddFunc Backgrounds 是一個 WordPress 外掛，可在您的網站上添加「背景」內容類型。背景編輯器使得創建多層背景變得簡單，您可以在任何頁面或文章中選擇使用背景。您可以從媒體庫中添加圖像或視頻，添加顏色或漸變，控制位置以及是否重複等，甚至可以使其成為視差效果！*
一個背景最多可以包含 9 個可選層次，分別為：
- Body —代表並影響
標籤。- Window —代表窗口或視口，以及以上方的區域。
- Wall —代表頁面的其餘部分或以下的區域。
- Video —用於添加背景視頻的層次。
- Image —基本層次，主要用於添加圖像（雖然它們還有其他選擇性用途）。
- Overlay —覆蓋所有其他層次。
所有層次都支持：
- 圖像（除視頻層次外）。
- 漸變（如果已設置，則被圖像覆蓋）。
- 顏色。
- 不透明度（除 Body 層次外）。
- 填充（即背景大小，圖像如何填充層次）。
- 重複（是否重複以及哪個方向重複圖像）。
- 滾動（即背景附著，圖像在滾動時是否固定或附著在頁面上）。
- X/Y 位置（圖像如何水平和垂直對齊）。
- Raw HTML。
支持視差效果的層次有：
- 圖像層次。
- 視頻層次。
Body 層次/設置
這實際上是
標籤。在這裡應用的功能將修改您頁面/文章的 標籤。請注意，視差的功能使用了一些 CSS 修改了 標籤，以實現視差效果，但您不應該看到這些修改（如果可以看到，您可能需要放棄視差功能，除非您知道如何使用 CSS 修復它）。Window 層次/設置
此層次添加了一個元素，覆蓋窗口/視口區域的上方 - 即當頁面加載時首先看到的區域。默認情況下，它與窗口/視口的高度相匹配。在某些情況下，可以調整此高度以適應固定的條或菜單在您的網站上運行的頂部或底部，或者為任何其他特殊情況進行調整。Window 層次永遠不會低於此高度設置（或默認情況下的窗口/視口高度）。
Wall 層次
此層次添加了一個環繞 Window 層次之後的頁面其餘部分或下方的元素 - 即在 Window 層次后的“下方”。Wall 層次尊重 Window 的高度，因此將從 Window 結束的地方開始。
圖像層次
這 4 個是最基本且包含最多功能的。每個圖像層次都可以輕鬆轉換為
視頻層次
視頻層次允許您添加背景視頻。雖然這是一個特殊的層次，但它允許大部分與圖像層次相同的功能，甚至可以使用視差！另一個可替代的來源字段允許您上傳其他視頻格式，以支持更廣泛的瀏覽器。作為背景視頻，此層次會自動播放，循環和靜音視頻。
覆蓋
覆蓋涵蓋從頁面頂部到底部的整個背景。最適用於半透明背景。
原文外掛簡介
AddFunc Backgrounds adds a Backgrounds content type your WordPress website. The Backgrounds editor makes it easy to create multi-layered backgrounds for your website, which you can then select for use on any Page or Post. Add an image or a video from your Media Library, add a color or gradient, control positioning and how/whether to repeat or not, do it again on another layer or few and even make it all a parallax!*
A Background consists of up to 9 optional layers, which are:
* Body — Represents and affects the
* Window — Represents the window or viewport, as well as the “above the fold” area.
* Wall — Represents the remainder of the page or the “below the fold” area.
* Video — A layer for adding a video to the background.
* Image — Basic layers, primarily for adding images (although they have other optional uses).
* Overlay — Overlays all other layers.
All layers support:
* Image (except for the Video layer)
* Gradient (overwritten by the image if set)
* Color
* Opacity (except for the Body layer)
* Fill (a.k.a. background-size — how the image fills the layer)
* Repeat (whether or not and which direction to repeat the image)
* Scrolling (a.k.a. background-attachment — whether image is to remain fixed to the screen or stick to the page when scrolling)
* X/Y Position (how the image is to align horizontally and vertically)
* Raw HTML
Layers that support the parallax feature are:
* Image layers
* Video layer
The Body Layer/Settings)
This is affectively the tag. Features applied here will modify the tag of your page/post. Please note the Parallax feature does modify the with some CSS in order to make the parallax effect work, though you shouldn’t be able to see these modifications (if you can, you may need to forgo the parallax feature in such a case, unless you know how to fix it using CSS).
The Window Layer/Settings
This layer adds an element covering the window/viewport area “above the fold” — the area you first see when the page loads. By default it matches the height of the window/viewport. This height can be adjust in cases where a fixed bar or menu runs across the top or bottom of your website, or for any other specialized case scenario. The Window layer never drops below this height setting (or the window/viewport height by default).
The Wall Layer
This layer adds an element wrapping the remainder of the page after the Window layer — “below the fold.” The Wall respects the Window height, hence will begin wherever the Window ends.
Image Layers
These 4 are the most basic and include the most features. Each one can be easily converted to an