[wordpress插件] AddFunc BackgroundsAddFunc背景

wordpress 插件 文章 2020-02-01 04:00 517 0 全屏看文

AI助手支持GPT4.0

评分

100

100

描述

AddFunc Backgrounds adds a Backgrounds content type your WordPress website.

AddFunc Backgrounds为您的WordPress网站添加Backgrounds内容类型。

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:
    

背景最多由9个可选层组成,分别是:
    

* Body — Represents and affects the tag.
    

* Body —表示并影响 标记。
    

* 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)
    

* X / Y位置(图像在水平和垂直方向上的对齐方式)
    

* Raw HTML

*原始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

请注意,视差功能确实使用某些CSS修改了 ,以使视差效果正常运行,尽管您可能看不到这些修改(如果可以的话,可能需要

forgo the parallax feature in such a case, unless you know how to fix it using CSS).

在这种情况下,请放弃视差功能,除非您知道如何使用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.

此层在Window层之后添加了一个元素,该元素将页面的其余部分包裹在“折叠之下”。Wall尊重Window的高度,因此将从Window结束的任何地方开始。

Image Layers

图像层

These 4 are the most basic and include the most features.

这4个是最基本的,包括最多的功能。

Each one can be easily converted to an , making it more suitable for an SVG and other specialized content.

每个对象都可以轻松转换为 ,使其更适合SVG和其他专门内容。

When Parallax is on, Image layers instantly have their own depth, which can be adjusted with the Z Position field.

启用视差后,图像图层会立即具有自己的深度,可以使用“ Z位置”字段进行调整。

The Video Layer

视频层

The Video layer allows you to add a background video.

视频层允许您添加背景视频。

Though this is a specialized layer, it does allow most of the same features as an Image layer, even parallax!

尽管这是一个专用层,但它确实具有与图像层相同的大部分功能,甚至包括视差!

The Alternate Source field allows you to upload an additional video format to support a wider range of browsers.

备用源字段允许您上载其他视频格式以支持更广泛的浏览器。

As a background video should, this layer automatically plays, loops and mutes your video.

作为背景视频,该层会自动播放,循环播放和静音视频。

The Overlay

叠加层

The Overlay covers the entire background from the top of the page to the bottom.

叠加层覆盖了从页面顶部到底部的整个背景。

It is best used for semitransparent backgrounds, so as to allow underlying layers to show through.

最好用于半透明的背景,以使下面的图层可以透彻显示。

*Note: Due to the nature of a CSS parallax, some use cases may be limited or unworkable.

*注意:由于CSS视差的性质,某些用例可能受到限制或无法使用。

Fortunately, the Parallax feature can be turned on or off with the flip of a switch.

幸运的是,可以通过轻按开关来打开或关闭视差功能。

Also, the CSS parallax technique is currently not supported on iOS devices.

另外,iOS设备当前不支持CSS视差技术。

The fallback for this of a static background is automatic.

静态背景的回退是自动的。

安装步骤

    1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
    2. 将插件文件上传到 / wp-content / plugins / 目录,或直接通过WordPress插件屏幕安装插件。

    3. Activate the plugin through the ‘Plugins’ screen in WordPress.
    4. 通过WordPress中的“插件”屏幕激活插件。

    5. Create Backgrounds as needed using the ‘Add New’ button/option.
    6. 使用“添加新的”按钮/选项,根据需要创建背景。

    7. From any page or post, use the Background metabox, so select any of the Backgrounds you’ve created.
    8. 在任何页面或帖子中,使用背景元框,因此选择您创建的任何背景。

下载地址

https://downloads.wordpress.org/plugin/addfunc-backgrounds.1.zip

https://downloads.wordpress.org/plugin/addfunc-backgrounds.1.zip

-EOF-

AI助手支持GPT4.0