Cómo configurar la imagen de la página de inicio y el deslizador del tema Avada: tutorial detallado (03)

在现代网站设计中,首页的图片和滑块是吸引访客眼球的关键元素之一。使用滑块不仅能提升网站的动态效果,还能更好地展示核心内容和视觉信息。作为一款功能强大的WordPress主题,Avada 主题自带编辑器及多个滑块工具,让你无需借助第三方插件即可实现丰富的图片与滑块效果。本期文章将为大家讲述如何使用Avada主题设置首页图片和滑块,帮你快速上手,打造更具吸引力的网站首页。这一期我们来讲述

Avada主题是有自己的编辑器的,无需第三方的,在网站的前端我们能看到Edit Live,点击红色箭头的地方即可进入,黄色框 是网站的页眉和页脚,如果你需要的话点击相应也能进入相应的编辑页面

步骤:网站的前端→Edit Live

图片[1]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[2]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如下图,这是网站的首页,请注意不是两侧的编辑,两侧是容器和柱子的设置

图片[3]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如下图,点击

图片[4]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果你的模版导入只是图片的首页,或者你只需要单张图片就能达到你的效果,那你点击首页图片中间的笔符号编辑,就可以得到下面这个画面

图片[5]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

你只需要替换掉或者删除(Remove),Edit(编辑),会进入媒体库或者本地文件,根据你的实际情况调整。

当然如果图片的效果不能满足你,那我们可以选择自己添加滑块(Sliders)。或者选择有滑块的模版,当然还是自己添加比较方便,模版在查看的时候也不一样能发现

我们来讲怎么添加滑块(Sliders)

图片[6]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在添加模块这里找到了很多种Sliders(滑块),那我们怎么去选择呢,以及建议呢

1. Avada Slider

Avada 自带的滑块,专为 Avada 主题设计,集成度高。

不同设备的匹配度很好,基本能满足你的要求,滑块的基本的文本,图片,按钮,链接,动画效果都是有的

那怎么去设置呢,如下图,在网站后端的Avada找到Sliders(滑块)

步骤:网站后端→Avada→Sliders

图片[7]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后会进入下面的图片,设置Sliders(滑块)的名称,还有一些其他的设置,在选项的下方有解释,大家按照解释和实际需求来设置

我们先创建滑块(Sliders),然后在滑块中添加多个幻灯片(Slides)。如下图,我们先创建滑块(Sliders)

图片[8]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后保持即可(Add Slider)

图片[9]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后在Slider的列表,我们可以看到,这里名字设置的是1,如下图

图片[10]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后我们再去设置幻灯片(Slides)

图片[11]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后添加幻灯片,如下图

图片[12]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后进入幻灯片的编辑页面,我们需要设置幻灯片来源是image(图片),还是Video(视频),Youtube或Vimeo视频平台,然后幻灯片的名称

图片[13]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后需要勾选显示的幻灯片到滑块里,这里滑块和幻灯片的名称都是1,作为演示,大家根据需要后期修改,然后设置Featured image(特色图片),如果选择图片为背景的情况,如下图

图片[14]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后我们到网站前端是编辑页面添加Avada Slider

图片[15]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后选择之前设定好的幻灯片名称,以及设置幻灯片的高度(Full Height),还有展示(Element Visibility)是三个设备还是单个设备等等

图片[16]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后就得到一个初始的幻灯片内容了,这里只能展示,如下图

图片[17]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤:网站后端→Avada→Sliders→Slides

文本以及按钮或者链接都需要到幻灯片设置,如下图

图片[18]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这就是Avada主题的Avada Slider的设置了,那么其他的几种有什么区别呢

图片[19]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2,Layer Slider

Layer Slider是非常强大的滑块插件,支持复杂的动画效果,你可以为每一层(Layer)添加不同的动画,如图片、文本、按钮等,适合制作更复杂的展示效果。动画效果也更丰富,如果你需要更高级的滑块效果,比如带有多层动画的内容,这个插件是理想的选择,插件提供大量预设模板,可以快速创建滑块并进行个性化定制。但是需要安装插件

图片[20]-如何设置Avada主题的首页图片和滑块:详细教程(03)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3,Media Slider

Media Slider是展示多媒体内容设计,如图片库、视频等,可以设置滑块内每个媒体文件的布局和排列方式,确保在不同设备上有良好的显示效果。可以快速创建一个媒体内容的轮播展示,不需要复杂设置,如果你想通过滑块展示视频、音频或其他媒体文件,这个滑块会很适合

4, Post Slider

Post Slider用于展示 WordPress 文章的滑块,适合展示博客文章或自定义文章类型。它会根据你的内容自动生成滑块,是展示文章、产品或项目的好工具,具有自动更新,只要你的文章更新,它也会同步

5,Slider Revolution

Slider Revolution是高级滑块插件,几乎可以自定义任何滑动效果。你可以使用它来创建复杂的动画、过渡效果,甚至创建整个页面布局。如果你需要最强大的滑块功能和极高的定制化需求,Slider Revolution 是最佳选择,提供大量预设滑块模板,可以直接导入并根据需求修改。基本上集成了所有的功能

观点:

Avada Slider:简单轻量,适合快速创建基本滑动效果。

Layer Slider:支持多层动画,适合需要复杂动画和多层次展示的场景。

Media Slider:专为展示图片、视频等多媒体内容而设计。

Post Slider:自动显示文章或产品内容,适合博客或动态内容展示。

Slider Revolution:功能最强大,适合高度自定义和复杂的滑块效果。

resúmenes

但我的建议就用Avada Slider,因为最兼容Avada主题,基本功能都能达到,通过这篇文章,你已经了解了如何在Avada主题中设置首页图片与滑块。无论是使用基础的Avada Slider,还是选择更复杂的Layer Slider tal vez Slider Revolution,你都可以根据具体需求灵活应用,优化网站的展示效果。下期我们将继续深入探讨Avada主题的更多功能,带来更多实用的技巧和教程,帮助你打造更专业的WordPress网站。敬请期待!


Contacte con nosotros
¿No puede leer el artículo? ¡Póngase en contacto con nosotros para obtener una respuesta gratuita! Ayuda gratuita para sitios personales y de pequeñas empresas
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por Harry
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios