Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

作者 : King 本文共489个字,预计阅读时间需要2分钟 发布时间: 2024-10-4 共17人阅读

AvadaAvada主题Avada教程Avada页面Avada首页

教程总目录:Avada主题详细教程:从0开始创建一个网站

 

预览图

先看预览图分析结构。

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

从预览图我们可以看出以下信息:

底层容器有个浅蓝色带图案的背景图片。

容器内是2列,左侧是一个人物图片(背景透明),右侧是一些常见的标题、文本块、按钮等。

首页我们可以简单点,直接创建一个页面。然后知识兔再wordpress设置中首页选定我们创建的页面即可。

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

创建容器并插入列

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

然后知识兔容器添加一个背景图片。

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

背景图片原图

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

另外容器的对齐方式需要调整下。

Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

添加容器上的小工具

左侧列是一个图片工具,上传即可。

右侧依次是标题、标题、分隔器、文本块、分隔器、嵌套2列(每列一个按钮)、图片、分隔器、文本块。

其他类似的页面基本都是这些小工具组合而成。你可以根据自己的想法去排列组合。

需要注意的是,样式一定要统一。

下载仅供下载体验和测试学习,不得商用和正当使用。

[ppwp passwords=”zhishitu.cn”]

下载体验

应版权要求,禁止分享,敬请谅解,有问题务必找客服哈。

如何获取解压密码

有问题找客服哈,并领取学习福利!

[/ppwp]

点击下载

小鱼网是一个美好的开源学习社区,学习编程,学习WordPress,下载WordPress插件主题,
小鱼网 » Avada主题教程 7.1:首页首屏大图 2栏 图片+文字

常见问题FAQ

发表回复

分享最优质的学习资料

立即查看 了解详情