COMO EMPEZAR

Empezar a trabajar con Slider de Supsystic no es tan complicado como puedes pensar. Aquí te ofrecemos una instrucción muy simple que te ayudará a instalar nuestro plugin y conseguir a crear el primer slideshow en tu página. El Slider de Supsystic es una gran solución para la parte visual de tu negocio. Vamos a hacer tu sitio más atractivo.

Paso 1: Instalar Slider de Supsystic

En WordPress, vete a Plugins  >  Añadir Nuevo. Busca “Slider de Supsystic” y haz clic en Instalar. Una vez terminada la instalación, haz clic en “Habilitar Plugin“. Tendrás un nuevo elemento en el menú de administración “Slider de Supsystic”.

Instalar Slider de Supsystic PRO

El Slider de Supsystic también ofrece versión Pro. Después de la compra, en tu cuenta personal en  supsystic.com encontrarás el enlace de descarga. Después de descargar el archivo (supsystic_slider_pro.zip), vete a Plugins > Añadir Nuevo > Subir y sube el archivo. Una vez terminada la instalación, haz clic en “Activar Plugin“.

Después de la activación de la versión PRO, deberás introducir clave de licencia, la puedes encontrar en tu cuenta personal en nuestro sitio. Para hacer esto sigue los siguientes pasos:

  1. Vete a Slider de Supsystic en el menú de navegación de WordPress.
  2. Haz clic en pestaña de Licencia en el menú de navegación izquierdo de plugin.
  3. Introduce correo electrónico y la clave de licencia.
  4. Haz clic en el botón “Verificar”.

Con el Slider de Supsystic Pro tienes tales posibilidades como:

  • Crear slider Jssor
  • Añadir vídeos al slider
  • Añadir publicaciones al slider
  • Editar el slider con el constructor visual
  • Crear sliders con el contenido HTML
  • Importar imágenes desde Cuentas de Flickr, Tumblr y Facebook

Paso 2: Crear Slider de Supsystic

Haz clic en “Slider Nuevo” en el menú de navegación izquierdo.

Add New WordPress Slider

 

  1. Introduce el nombre de slider.
  2. Elige la plantilla de slider. Tienes la posibilidad de elegir una de 6 plantillas increíbles:

Haz clic en el botón “Guardar”.

Por supuesto, en los próximos pasos puedes cambiar la plantilla de slider.

Paso 3: Añadir imágenes al Slider Sensible

Con el plugin de slider sensible puedes importar imágenes desde:

  • Biblioteca Multimedia de WordPress
  • Cuenta de Instagram
  • Cuenta de Flickr (característica PRO)
  • Cuenta de Tumblr (característica PRO)
  • Cuenta de Facebook (característica PRO)
    1. Haz clic en el botón “Añadir imágenes”.

Add Image to WordPress Slider

  1. Elije imágenes en la Biblioteca de Medios de WordPress, marcando las imágenes que te gustan o que necesitas. Si no hay imágenes que necesitas, haz clic en la pestaña Cargar Archivos, aquí puedes soltar archivos en cualquier lugar para cargarlos o seleccionarlos desde tu ordenador.
  2. Haz clic en el botón “Seleccionar Imagen”.
  3. Las imágenes aparecerán en el bloque de los Medios en el lado izquierdo.
  4. Consulta estos artículos para ver más información cómo Importar Imágenes en diferentes ocasiones.

    Paso 4: Personalizar el Slideshow

    Está disponible la elección de 3 módulos de slider:

    • BxSlider es un plugin de slider de imagen con soporte táctil incorporado con el uso muy fácil.
    • Coin Slider es un plugin de slideshow para crear slideshows con impresionantes efectos de transición.
    • Jssor Slider (característica PRO) es un slider de imagen sensible de javascript con el toque deslizante.

WordPress Slider Modules

Para cambiar el slider, simplemente haz clic en el botón “Cambiar slider”, elige el otro módulo y haz clic en el botón “Cambiar”.

Change WordPress Slider Plugin

Ten en cuenta que la configuración actual se eliminará sin posibilidad de restaurar.

Verás diferentes configuraciones y efectos disponibles de cada slider que hayas seleccionado.

¡Importante! Después de cambiar la configuración de plugin de slider, no te olvides de hacer clic en el botón “Guardar”.

Save WordPress Slider

También puedes leer acerca de tres Tipos de Slider: Image Slides, Post Feed Slides y Video Slides.

Paso 5: Configuración de Vista Previa

WordPress Slider Preview

Después de cambiar algunas configuraciones con el slider sensible de Supsystic, puedes ver en seguida el resultado con la vista previa  en vivo. Solo haz clic en el botón “Vista Previa” y verás tu slider en la ventana popup.

WordPress Slider Preview 2

Paso 6: Representar el Slider WordPress Plugin en la página web

Este es el último paso antes de que Slider de Supsystic empiece a funcionar. Publica el slider en tu página.

Sobre la configuración de slider puedes ver el shortcode código.

Copy WordPress Slider Shortcode

Copia y pega el shortcode en tu publicación o página y el plugin de Slider de Supsystic creará automáticamente el slider en tu página aplicando la configuración que eliges arriba.

Paste WordPress Slider Shortcode

¡Importante! Shortcode debe insertarse en la página de editor de texto y no en la de editor visual.

También puedes usar el botón “Añadir shortcode” en el editor visual de WordPress de la página.

Para añadir el slider en la página con el código PHP, vete al menú de navegación izquierdo y haz clic en “Sliders”. Aquí, para cada slider está escrito su propio código php.

Slider PHP code

En general, se puede introducir código php en cualquier lugar del código de página, para que se visualice exactamente en este lugar, por ejemplo, en el encabezado o pie de la página. Además, puede ser insertado en el código de plantilla del tema, para que pueda estar visualizado en todas las páginas.

Si no te acuerdas algo sobre el plugin o quieres volver a leer alguna información adicional, consulta la página principal de nuestro producto Slider Plugin

Categories
Related Articles
Latest Articles
Obtenha os pacotes de plugins hoje e economize mais de 80%