WordPress网站首页第五屏文字描述内容设置
WordPress网站首页第五屏文字描述内容设置
(1)输入内容“Looking To Buy A New Property?”,设置“HTML标签”为H3,居中对齐,在样式中设置标题的“文本颜色”为#848484,字体为Montserrat,文字“尺寸”为20px,“重量”为300。因为要和上面的按钮有间隔,所以还需要在“高级设置”中设置外距的顶部为80px,底部为20px。
(2)下面带下划线的链接按钮和前面做过的一样,首先输入文本“Explore Properties”,居中对齐,在“样式”中设置字体为Montserrat,文字“尺寸”为16px,“重量”为400,装饰选择下划线。然后在“标准”状态下设置文本颜色为#011640,背景颜色为#FFFFFF,在“悬停”状态下设置“悬停动画”为Sink。
(3)完成上述相关设置之后,需要对整个内容块进行外距的调整以达到将其叠加在图标框藏青色背景上的效果(将Z-index的值设置为5)。
紧接着是下面两行标题文字的添加和设置,与其他文字内容的设置一样,这里不再赘述。
(4)接下来对版块的内容进行设置。
(5)上述内容设置完之后,再来设置下一个版块的内容。
基础设置完成之后,要对Query进行配置,这个功能用于设置文章的具体来源。在“Source”中设置内容的来源时,可以是文章也可以是页面,还可以手动选择具体呈现的内容。LNCLUDE”和“EXCULDE”用于设置包含和排除,一般在LNCLUDE中设置就可以了。“Include By”和“Term”用于设置具体需要呈现的内容。因为每个人的具体情况不一样,故需要自行配置。完成相关设置之前,记得在这个一行两列的大内容块上设置对齐方式为居中。
(6)添加一个内容订阅的表单,左边是文字标题的描述,右边设置一个表单项目。
(7)添加底部(页脚部分)并进行设置。页脚部分的添加可以使用和添加页头一样的方式去操作,即新建模板,然后应用到全局,也可以为不同页面做不同的页脚。从该案例来看,它的页脚应该是每个页面都是独立的,所以选择第二个方案。
首先新建一个一行三列的待编辑内容块,整体宽度设置成1400px,然后将这一行三列的宽度占比分别设置成35%、33%和32%,并将整个内容块的背景颜色设置成#011640,内距的“顶部”设置成200px,“底部”设置成160px。
接着依次将第一列的三段文字和一个文字按钮添加进去。这部分操作为基础的文字排版操作,文字按钮的添加前文也已讲过。第二列的联系信息,可以直接用Elementor编辑器中的文本编辑器功能元素进行操作,也可以用图标列表的形式去操作(需要去掉图标,好处是当鼠标指针悬停在对应联系信息上的时候会有变色效果 )。
最后一列的Explore Our Properties可以用Elementor编辑器的Posts功能元素进行设置,或者用新增内部区段的方法,在左边添加一张图片,右边配上标题和描述性文字。