最近，一位读者问我们如何为任何WordPress主题添加视差效果？
视差效果是当今网络上的一种流行趋势，其中背景图像的滚动速度比前景内容的滚动速度慢。
在本教程中，我们将向您展示如何轻松地将视差效果添加到任何WordPress主题。
但是，如果您从未安装过WordPress，请发现 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题
回到我们为什么在这里。
什么是视差效果？
视差效果是一种现代的Web设计技术，其中背景元素的滚动速度比前景内容的滚动速度慢。 这种效果增加了背景图像的深度，并使它们具有交互性。
发现我们的 25 WordPress主题与视差创建一个网站
视差效果可用于 登陆页面，销售页面或商业网站的主页。 这是在长页面上突出显示不同部分的好方法。
许多 高级WordPress主题 在其首页上具有内置的视差效果。 您还可以对大多数插件使用视差效果 WordPress 页面的可视化创建。
然而，所有 WordPress主题 不提供内置视差效果，您可能不想仅将视觉页面构建器用于视差效果。
让我们看一下如何轻松地将视差效果添加到任何WordPress主题。
方法1：使用插件将视差效果添加到任何WordPress主题
此方法不需要向您的WordPress主题添加任何代码。 它更简单，建议大多数用户使用。
您需要做的第一件事是安装并激活插件 高级WordPress背景。 有关更多详细信息， 查看有关如何安装WordPress插件的分步指南.
激活插件后，您需要编辑要添加视差效果的页面。 您会注意到新按钮“高级WordPress背景»在视觉编辑器工具栏上。
单击它会弹出一个弹出窗口，您可以在其中更改要添加的各种背景设置。
首先，您需要选择一张图片作为背景，然后选中“ Stretch“。
然后，您必须单击按钮 选择图片 下载或选择要使用的图像。 确保使用大图像，否则它将显得像素化。
之后，您必须激活效果 视差 通过选择一种视差效果。 您可以尝试使用多种样式。 使用的最常见的视差效果是滚动。
点击按钮 插页 以继续。
该插件将添加一个 SHORTCODE 您 发布者。 它看起来像这样：
[nk_awb awb_type =“ image” awb_stretch =“ true” awb_image =“ 22” awb_image_size =“ full” awb_parallax =“ scroll” awb_parallax_speed =“ 0.5” awb_mouse_parallax =“ true” awb_mouse_parallax =“”“ Awb_mouse_parallax =”“这里[/ nk_awb]
取代“ 这个内容 根据您自己的内容，然后保存您的页面。
您可以访问您的网站以查看它的实际效果。
方法2：使用CSS将“视差”效果添加到任何WordPress主题
这种方法要求您对“ HTML / CSS”以及WordPress主题和插件的工作方式有所了解。
首先，您需要通过以下方式将要用于视差效果的图像上传到WordPress媒体库： 媒体>添加新 “。
通过发现进一步 如何组织你的WordPress博客媒体
上传图片后，您需要通过在WordPress媒体库中编辑图片来复制图片网址。
然后，您需要在要显示视差效果的页面中添加以下HTML代码。 您也可以将此HTML代码添加到您的 WordPress主题或您的子主题.
div class =“ parallax”> 您在这里的内容...
然后，您需要将以下自定义CSS代码添加到WordPress主题中。
.parallax {背景图像：URL（ “http://example.com/wp-content/uploads/2017/08/my-background-image.jpg”）; 高度：100％; 背景附件：固定; 背景位置：中心; 背景重复：不重复; 背景尺寸：盖; 保证金左：-410px; 保证金右：-410px; } .parallax内容{宽度：50％; 保证金：0汽车; 颜色：#FFF; 填充顶：50px; }
请记住用您自己的图像替换背景图像的URL。
您现在可以保存更改并访问您的网站。
这是 ！ 现在，您可以将视差效果添加到WordPress网站。
还发现一些主题和高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件，它们将帮助您实现这一目标。
1。 WooCommerce捐赠
通过WooCommerce网站上的扩展捐款接受客户指定的金额。 这将使他们能够付出自己想要的一切。 每次捐赠都可以作为任何常规产品 WooCommerce .
如果客户跳过购物车页面或不做任何捐赠而直接进入结帐，结帐页面上方会出现一个链接，以便他们进行捐赠。
带有屏幕快照的文档中说明了使用WooCommerce捐赠的每个步骤。 只需激活插件，您就会在购物车中找到“添加捐赠”字段。
2。 LinkedIn更多
LinkedIn Plus 是一个 WordPress插件 它允许您在您的博客上展示您的 LinkedIn 个人资料。 它也适用于多作者博客。 它将关注和分享按钮添加到您的 WordPress 帖子、页面或小部件中。
这是将所有LinkedIn功能添加到您的博客并与消费者验证您的品牌的好方法。 它使您能够自定义外观，配置设置并激活其他高级选项，以将您的个人资料推荐给潜在的招聘者或雇主。
3。 YouTube用户
YouTubeR 是一个 WordPress插件 独特的平台，可让您将视频从您的网站上传到 YouTube，并轻松在您的网站上嵌入 YouTube 视频、播放列表和频道。
使用此插件，您将有机会在您的网站上创建出色的视频库。
它的其他特征是： 从您的WordPress网站轻松将视频上传到YouTube，进行集成 简单的视频，播放列表和访问您网站的YouTube频道，对Visual Composer的支持， 播放列表中的无限滚动，出色的缓存，响应式布局， 详细文档等。
推荐资源
查找有关其他推荐资源的信息，以帮助您构建和管理网站。
- 如何修复WordPress上的“无法写入磁盘”错误
- 如何成为一名成功的博客作者并通过WordPress赚钱
- 如何通过电子邮件发布的WordPress你的文章
- 如何成为一名成功的博客作者并通过WordPress赚钱
结论
就这些！ 我们希望它能提供很大的帮助。 不要犹豫 与您最喜欢的社交网络上的朋友分享.
但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建。
如果您有任何建议或意见，请将其留在我们的部分 评论.
...
