¡Aprende a crear una presentación con diapositivas visible en tu Portaledu!
1. En primer lugar, accede a MetaSlider desde el escritorio para crear tu presentación:
2. Una vez hayamos accedido a la sección, haremos clic sobre «Nuevo» (Añadir nuevo pase de diapositivas)
3. Creada la nueva presentación, empezaremos a añadir diapositivas (imágenes):
4. Con esta versión podremos trabajar solo con imágenes. Podremos subir imágenes locales directamente a la media o utilizar las que ya tenemos en la biblioteca de medios de nuestro sitio web:
5. Por cada una de las diapositivas de la presentación, podremos definir un texto que acompañe a la imagen, así como convertir dicha imagen en un enlace
6. En la parte derecha encontramos las opciones de configuración básica, que aplica a toda la presentación, como por ejemplo, el ancho, la altura, el efecto de transición, etc. Debemos tener en cuenta que el plugin es capaz de ajustar la anchura de las imágenes al tamaño especificado. Sin embargo, la altura se recortará o se mostrará completa, según las opciones avanzadas que configuremos.
Por ese motivo, es conveniente que las imágenes de una misma presentación tengan proporciones parecidas, de forma que quede más homogénea.
7. En las opciones avanzadas, podemos configurar, por ejemplo, que la anchura se ajuste al contenedor (ancho 100%). Esto hará que no se tenga en cuenta la anchura configurada en las opciones básicas. También encontraremos otras configuraciones como el modo carrusel, el retardo de la diapositiva, etc.
8. Cuando ya tengamos preparada la presentación, podremos maquetarla en cualquier entrada o página de nuestro sitio. Para hacerlo, utilizaremos el bloque de MetaSlider.
9. Insertado el bloque, nos ofrece utilizar alguna de las presentaciones que hayamos creado:
10. Seleccionado el pase de diapositivas, podemos previsualizar el resultado:
Mediante código de inserción (shortcode)
También se posible insertar la presentación de metaslider en cualquier post mediante su código de inserción, entre corchetes. Encontraremos el código de cada presentación en la vista general de presentaciones de Metaslider.
Escribiremos el código correspondiente en el bloque de shortcode (codigo de sustitución):
