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

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

我们来看一下这张图:

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

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

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

这里一全老师使用的是overlay。

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

具体操作步骤如下:

点击Row的编辑图标

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

进入编辑页面,点击overlay

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

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

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

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

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

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