The AddFunc background adds a Backgrounds type to your WordPress site. It is easy to make multi-layered backgrounds on your WordPress website using the Backgrounds editor. You can choose which background you want for each Page and Post. You can add an image from your Media Library or video, change the positioning, adjust how often it should be repeated, and make it a parallax.*
The Background can include up to nine optional layers. These are:
* Body — Represents and affects the <body> tag.
* 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.
Support for all layers:
* 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
The following layers support parallax:
* Image layers
* Video layer
The Body Layer/Settings
It is a very effective way to say it. <body> tag. This section will change the appearance of certain features. <body> Your page/post tag Parallax does not modify this. <body> 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).
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. This layer matches the height in the viewport/window. In cases of a fixed menu running across your website’s top or bottom, this height can be adjusted. You can set the Window layer to not lower than this setting, or your default viewport/window height.
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 four are the most basic, and offer the most features. Each can be converted into an <object>It is more appropriate for SVG and other specialty content. Parallax can instantly give Image layers their depth. This can be changed with the Z Position field.
The Video Layer
You can add background videos to the Video layer. Although this layer is more specific than an Image layer it still allows you to add a background video. Alternate Source fields allow you to upload additional video formats to be compatible with more browsers. The background layer will automatically play, loop, and mutes the video.
The Overlay
The entire background is covered by the Overlay, from the top to the bottom of the page. Semitransparent backgrounds are best as it allows layers below to shine through.
*Note: Due to the nature of a CSS parallax, some use cases may be limited or unworkable. The Parallax function can be switched on and off by flipping a switch. The CSS parallax technology is not currently supported by iOS devices. This is the default fallback to a static background.
asdasdasd
