SitioSimple discontinuado - ¿Cómo agregar un slider?

Supervisor
Supervisor
  • Actualización

SitioSimple te permite agregar sliders a las páginas de tu web, para darles más dinamismo y facilitar la navegación por el contenido que desees destacar.

  1. Ingresa al creador de SitioSimple, en el menú principal haz clic en la pestaña "Sitio" y luego en "Páginas". Selecciona la que desees modificar y presiona "Editar".



  2. Una vez allí, en el apartado "Estructura" encontrarás el elemento "Slider". Arrástralo a la sección de la izquierda, que representa la página que estás editando.

    461.png

  3. Si posicionas el cursor sobre el elemento verás las opciones básicas del mismo.
    En este ejemplo, el elemento cuenta con 3 sliders. Si deseas más o menos cantidad simplemente haz clic en el "lápiz de edición" del menú, para abrir el panel de configuración.

    462.png

  4. En este menú encontrarás disponibles las opciones:

    • Número de slides: cantidad de secciones que tiene el elemento.
    • Alto: determina si el alto es general o se modifica según la imagen insertada
    • Transición: permite elegir un efecto al pasar de un slide a otro.
    • Pausar: determina cuando se realizará una pausa.
    • Segundos entre cada slide: determina el tiempo de duración del slide.
    • Mostrar controles: aquí puedes configurar la vista de los indicadores para pasar de slide.

    463.png

  5. Luego de configurar las opciones del slide, debes agregar contenido en cada uno. Para esto arrastra el elemento deseado al slide de la parte izquierda. Tomando el ejemplo de una imagen, elige el elemento "Imagen", que se encuentra en el apartado "Multimedia" y arrástralo al slide. Deberás arrastar una imagen por cada slide.
    Ahora, carga una imagen en cada elemento "imagen" que hayas agregado a los distintos slides.

    464.png

    🔉Puedes subir una nueva imagen desde una URL o desde tu PC. También puedes utilizar una que ya hayas subido a tu SitioSimple desde "Mis Imágenes".

  6. Una vez seleccionada la imagen, debes determinar el tamaño de la misma.
     
    🚨Recomendamos que las imágenes midan 1920 x 1080 px. para que no pixelen perdiendo calidad.

    Luego repite estos pasos en los siguientes slides, respetando en todas las imágenes el mismo tamaño de manera que no existan saltos entre slides y se visualicen del mismo tamaño.

    465.png

    Una vez listo, presiona "Aceptar".

  7. Para pasar al siguiente slide y agregar el contenido que desees, presiona en el menú del mismo el icono ">".

    466.png

  8. ¡Listo! Haz creado un slider en tu sitio.

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 1

¿Tiene más preguntas? Enviar una solicitud