WP著名主题——Total的一些冷门技巧

本文首发于 2018 年 11 月，文中的插件、界面与价格可能已有变化，仅供参考。

今天WPORDER老师要讲的东西对于一些没有使用过WP主题开发网站的同学可能很难理解，甚至就算有过一些WP建站经验，但是对Total这个Theme了解不深的同学可能也无法完全理解WPORDER老师将要讲述的这几个冷门技巧，所以对于这篇文章，大家有兴趣就看一下，看不懂就算了，权当是WPORDER老师自己的一些工作总结和随笔了，如果实在想了解WPORDER老师讲的是什么，就在文章下方留言吧。

我们来看一下这张图：

对于一些有经验的朋友应该可以发现，上面三个透明的某块其实是一个单独的row，既不属于上面，也不属于下面，它之所以会覆盖在上方的banner上，是因为它的margin属性设置为负，所以向上偏移了而已。

但是仅仅向上偏移是无需讲解的，WPORDER老师今天要讲的这个冷门技巧主要是如何实现透明背景，使用过total的同学应该很清楚，每个Row的背景颜色和图片都是可以设置的，但是透明度确实无法设置的。所以想要实现背景透明，必须要通过其他的手段。

这里WPORDER老师使用的是overlay。

Overlay你可以将之理解为覆盖属性。

具体操作步骤如下：

点击Row的编辑图标

进入编辑页面，点击overlay

我们可以看到三个选项，分别是background overlay、background overlay color和Background Overlay Opacity。

第一个选项我们可以设置overlay的样式：

第二个选项我们设置的是颜色，第三个选项我们设置的是透明度。通过更改这三个选项我们就可以实现对背景的更大程度的操控。实现最上方截图的样式也是轻而易举了。

大家如果感兴趣可以自己实践一下，后续如果还有这类比较冷门的方法，WPORDER老师会继续在这篇文章中更新。