Al crear un sitio web, añadir un rotador de diapositivas (Slider) a la página de inicio o a la página puede mejorar eficazmente el impacto visual y mostrar la imagen de la marca, información sobre eventos o recomendaciones de productos. Mucha gente piensa que se necesitan conocimientos profesionales o plug-ins de pago para conseguirlo. En realidad, basta con una combinación de Astra Los temas y plugins gratuitos también facilitan la creación de efectos de rotación suaves y bonitos.
Este artículo describe la solución más sencilla de implementación de Astra + plugin gratuito.
![Imagen[1]-Tutorial de rotación de diapositivas de Astra Free Edition: Implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135414433-image.png)
1. ¿Admite el tema Astra presentaciones de diapositivas?
La versión gratuita de Astra no lleva incorporado undiapositivas (fotografía, software de presentación)que debe implementarse mediante un plugin. Sin embargo, Astra es compatible con todo tipo de constructores de páginas y plugins de presentación de diapositivas, por lo que puede insertar módulos giratorios directamente en sus páginas después de la instalación.
![Imagen[2]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135312371-image.png)
2. Plugin gratuito recomendado para la rotación de diapositivas
Los dos siguientes son plugins gratuitos que cuentan con un gran número de usuarios, son compatibles con Astra y son fáciles de usar.
2.1 Deslizador inteligente 3
![Imagen [3]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 y MetaSlider implementación](https://www.361sale.com/wp-content/uploads/2025/07/20250707135506705-image.png)
Características:
- La versión gratuita es suficiente para el uso diario
- Interfaz de edición visual, arrastrar y soltarAñadir una imagenTexto, botones
- Soporte receptivo y adaptación automática al móvil
Pasos de la instalación:
- Inicie sesión en el backend de WordPress
- Haga clic en [Plug-in] → [Instalar plug-in].
![Imagen [4]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135658632-image.png)
- Buscar Smart Slider 3
![Imagen [5]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 y MetaSlider implementación](https://www.361sale.com/wp-content/uploads/2025/07/20250707135754291-image.png)
- Haga clic en [Instalar] → [Activar].
![Imagen [6]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135836314-image.png)
Uso:
- Busque [Smart Slider] en el menú de la izquierda de WordPress.
- Haga clic en [Nuevo proyecto] para crear una nueva rotación
![Imagen [7]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707140239872-image.png)
- Sube imágenes, añade texto conbotones
![Imagen [8]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707140610478-image.png)
![Imagen [9]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141107564-image.png)
- Guardar y copiar Shortcode
![Imagen [10]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141558531-image.png)
Insertar página:
- Ir a [Página] Editar
- Utilice el editor de bloques de WordPress para añadir Código corto terrón (de tierra)
![Imagen [11]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141720116-image.png)
- Pega el Shortcode giratorio y actualiza la página
![Imagen [12]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141904148-image.png)
2.2 MetaSlider
![Imagen [13]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142016613-image.png)
Características:
- Sencillo y fácil de usar con una configuración mínima
- respaldoRotación de fotosAnimación deslizante, efectos de transición de diapositivas
- Altamente compatible con la mayoría de los temas
Pasos de la instalación:
- Fondo [Plug-in] → [Instalar plug-in
![Imagen [14]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142117937-image.png)
- Buscar en MetaSlider
![Imagen [15]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142230616-image.png)
- Haga clic en [Instalar] → [Activar].
![Imagen [16]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142303960-image.png)
Uso:
- Ir al menú [MetaSlider]
- Haz clic en [Crear presentación] para crear una rotación
![Imagen [17]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142500577-image.png)
- Cargar y añadir imágenes
![Imagen [18]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142641370-image.png)
- Configuración de efectos de diapositivas (fundido, deslizamiento, etc.) y tamaños
![Imagen [19]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143242659-image.png)
![Imagen [20]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143323788-image.png)
- Guardar y copiar Shortcode
![Imagen [21]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143435711-image.png)
Insertar página:
- Edite la página, añada Código corto terrón (de tierra)
![Imagen [22]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143716930-image.png)
- Pega el Shortcode giratorio y actualiza
![Imagen [23]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143606339-image.png)
3. Eficacia y limitaciones de los programas gratuitos
Efecto:
Con Smart Slider 3 o MetaSlider, la versión gratuita crea rotaciones de imágenes de cabecera de página de inicio, rotaciones de imágenes de productos y presentaciones de casos de clientes con una sensación profesional.
![Imagen [24]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143849617-image.png)
Limitaciones:
La versión gratuita no suele ser compatible:
- Vídeo de fondo
- Animación avanzada en cascada
- contenido dinámico(por ejemplo, la rotación automática de productos de WooCommerce)
Si necesita estas funciones, puede considerar actualizaciones posteriores a la versión de pago, pero para sitios web corporativos generales y blogs personales, la versión gratuita es suficiente.
4. Por qué se recomiendan estos dos plugins
- No necesita código
- Visualización backend
- Perfectamente compatible con el tema Astra
![Imagen [25]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707144212600-image.png)
- La versión gratuita es suficiente para cumplir los requisitos básicos de la rotación
5. Resumen
Instale Smart Slider 3 o MetaSlider con el botón Astra Con el tema gratuito, es posible conseguir un bonito efecto de rotación de diapositivas en cuestión de minutos sin necesidad de conocimientos profesionales ni edición de código, lo que ayuda a llevar la experiencia visual del sitio web a un nivel superior.
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: [email protected] | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/66013/El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
























![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios