Rotación de diapositivas sin experiencia: Astra + soluciones de plugins gratuitos

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

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

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

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
  • Buscar Smart Slider 3
Imagen [5]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 y MetaSlider implementación
  • 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

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
  • 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
Imagen [9]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider
  • Guardar y copiar Shortcode
Imagen [10]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider

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
  • 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

2.2 MetaSlider

Imagen [13]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider

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
  • Buscar en MetaSlider
Imagen [15]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider
  • 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

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
  • 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
  • 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
Imagen [20]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider
  • Guardar y copiar Shortcode
Imagen [21]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider

Insertar página:

Imagen [22]-Tutorial de rotación de diapositivas de Astra Free Edition: implementación de Smart Slider 3 y MetaSlider
  • 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

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

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
  • 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
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
© Declaración de reproducción
Este artículo ha sido escrito por lmx
EL FIN
Si le gusta, apóyela.
felicitaciones135 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