Agrega excelentes diapositivas con el control deslizante de MotoPress

Agrega excelentes diapositivas con el control deslizante de MotoPress

MotoPress es bien conocido en la comunidad de WordPress por su complemento de WordPress para el editor de contenido de creación de páginas. Desde su lanzamiento el año pasado, MotoPress ha agregado más productos a su cartera, incluidos complementos y temas de WordPress.

En febrero de este año, lanzaron MotoPress Slider; su segundo plugin de WordPress más importante. El complemento es receptivo, por lo que las diapositivas que le ayuda a crear se ven geniales en cualquier dispositivo. Echemos un vistazo más de cerca a lo que puede hacer MotoPress Slider.

Configurar un nuevo control deslizante de MotoPress

MotoPress Slider es increíblemente fácil de configurar. Cuando elige crear un nuevo control deslizante, se le presentan tres páginas cortas de configuración. Hay una pestaña para la configuración, los controles y la apariencia del cursor.

En la pestaña de configuración del cursor, puede nombrar su cursor y el alias utilizado para el código corto del cursor. El control deslizante puede ser de ancho completo o puede establecer el tamaño de cuadrícula predeterminado. El retraso de la presentación de diapositivas también se puede configurar en esta área. Si lo prefiere, la presentación de diapositivas se puede desactivar.

Nueva configuración del control deslizante

Se pueden habilitar o deshabilitar nueve controles deslizantes en la siguiente pestaña. Puede configurar controles como flechas, botones de reproducción, contadores, etc.

Nuevos controles de cursor

En la pestaña Apariencia, puede establecer el tamaño de píxel predeterminado para las pantallas de teléfonos, tabletas y computadoras de escritorio. Les paramètres d’origine sont tout ce qui affiche jusqu’à 767 pixels en utilisant la disposition du téléphone, tout ce qui se situe entre 768 et 991 pixels utilise la disposition de la tablette et tout ce qui dépasse 992 pixels utilise l’écran du despacho.

Se puede aplicar una clase CSS personalizada a su cursor. También hay un cuadro donde puede agregar código CSS personalizado.

Nueva apariencia del cursor

Se puede encontrar una página de configuración separada en el menú de administración de MotoPress Slider que le permite deshabilitar el control deslizante para grupos de usuarios específicos.

Configuración del grupo de usuarios de MotoPress Slider

No se preocupe demasiado por la configuración del control deslizante. Los valores predeterminados deberían estar bien para la mayoría de ustedes y hay un botón en la parte inferior del área de diseño del control deslizante que le permite volver atrás y cambiar la configuración en cualquier momento.

Agregar diapositivas a su nuevo control deslizante de MotoPress

En la siguiente área, puede agregar diapositivas a su cursor. Puede ver una captura de pantalla de esta área a continuación. Puede parecer un poco intimidante a primera vista, pero es muy fácil de entender una vez que sabes dónde está todo.

Página del constructor de diapositivas de MotoPress

En la parte superior hay siete pestañas: General, Color, Imagen, Video, Enlace, Visibilidad y Varios. Una vista previa de su cursor domina el corazón de la página y debajo encontrará opciones para agregar texto, imágenes, botones y videos. Cada tipo de contenido se denomina capa y estas capas se muestran en el lado derecho de la página.

Puede reorganizar el orden de las capas usando arrastrar y soltar. La colocación de capas funciona igual que en aplicaciones gráficas como Photoshop, con prioridad para la capa superior. En mi ejemplo anterior, tengo dos capas: Imagen y Texto. Si tuviera que colocar la capa HTML después de la imagen, el texto no sería visible.

La interfaz funciona muy bien. Cuando selecciona una capa en el área del lienzo principal, la configuración de esa capa se muestra a continuación. Haga clic en Eliminar en su teclado para eliminar la capa de su diapositiva. También hay dos botones de eliminación disponibles: uno elimina la capa que seleccionó y el otro elimina todas las capas.

Las capas se pueden mover en el área del lienzo. Cuando haga esto, verá que las coordenadas X e Y cambian. Esto es útil porque significa que puede colocar capas en varias diapositivas exactamente en la misma posición (lo cual es muy útil para colocar contenido como texto). También se puede utilizar una cuadrícula de nueve recuadros para colocar capas, p.

Se pueden usar docenas de animaciones para mezclar y combinar capas. Esto incluye fundidos, zoom, volteretas y rebotes. Las capas se pueden mostrar y / u ocultar en cualquier momento (en milisegundos). Esta es, en mi humilde opinión, una de las mejores características del complemento, ya que le permite mostrar capas exactamente cuando desea que se muestren.

También hay estilos predefinidos disponibles, pero si lo prefiere, puede definir clases CSS personalizadas para una capa en particular.

Opciones de animacion

En la pestaña General, puede nombrar su diapositiva y elegir si su diapositiva se publica o se guarda como borrador. De esta manera, puede ser creativo y guardar sus diapositivas antes de usarlas.

La pestaña Color le permite seleccionar un color o degradado para el fondo de su diapositiva. Una cosa que me molestó fue que no había una rueda de colores para seleccionar colores. Debe ingresar el código hexadecimal manualmente. Espero que esto sea algo que abordarán en una versión futura del complemento. La opción Degradado le permite definir dos colores y el ángulo en el que se aplica el degradado.

Configuración de color del control deslizante de MotoPress

Si no desea un fondo de color sólido o degradado, puede usar una imagen. Puede seleccionar una imagen de su biblioteca de medios de WordPress o establecer una URL de imagen externa. Se pueden configurar los atributos de tamaño, repetición y posición.

Configuración de imagen del control deslizante MotoPress

MotoPress Slider también admite fondos de video. Si lo prefiere, los videos se pueden insertar en sus diapositivas usando capas. Puede ver videos de YouTube, Vimeo, su biblioteca de medios o una URL externa.

Configuración de video del control deslizante MotoPress

Las diapositivas se pueden vincular. Puede establecer los atributos de ID, clase, rel y título del enlace. Cuando un visitante hace clic en la diapositiva en cuestión, será redirigido a la URL que establezca. Debido a que los enlaces se configuran diapositiva por diapositiva, puede crear enlaces a sitios web externos y no a otros.

Configuración del enlace del control deslizante de MotoPress

Las diapositivas se pueden limitar a los usuarios registrados. Esto podría usarse para mostrar diapositivas solo a usuarios registrados. También puede activar las diapositivas durante un período de tiempo específico. Esto podría usarse para una variedad de usos. Por ejemplo, puede crear diapositivas para promover un concurso en la primera semana de diciembre.

Configuración de visibilidad del cursor de MotoPress

En la última pestaña, puede establecer un nombre de clase CSS y un ID para su diapositiva. Como señalé anteriormente, también puede diseñar capas individuales en su diapositiva usando clases CSS personalizadas.

Varios ajustes del control deslizante de MotoPress

Una vez que haya creado su diapositiva, puede guardar la diapositiva usando el botón Guardar en la parte inferior de la página. Haga clic en el botón Cerrar para ir a la lista de diapositivas, es decir, todas las diapositivas que ha creado para ese control deslizante en particular.

Puede editar, duplicar o eliminar diapositivas existentes. Duplicar una diapositiva es una opción útil si desea crear una diapositiva similar. De lo contrario, puede crear una nueva diapositiva desde cero.

Lista deslizante de MotoPress

Finalmente, puede insertar su cursor terminado en su sitio web utilizando el alias de código abreviado que definió para su cursor.

El control deslizante de MotoPress

Dicen que la belleza está en el ojo del espectador, pero me impresionó mucho lo que MotoPress Slider podía hacer. No lleva mucho tiempo insertar fondos, texto, imágenes, botones y videos personalizados.

Ejemplo de control deslizante de MotoPress

Si visita la página principal de información de MotoPress Slider, verá un gran ejemplo de lo que se puede lograr con el complemento. Destaca cómo las capas y el retardo de carga de capas se pueden utilizar para crear cursores profesionales en minutos. La forma en que aparecen las capas a lo largo del tiempo durante una diapositiva hace que parezca que estás viendo una presentación de video (incluso cuando los videos no están en uso). Es un efecto simple que realmente transforma las diapositivas.

Ejemplo de control deslizante de MotoPress

Precios

MotoPress ha adoptado un sistema de precios justo para su complemento deslizante. Su licencia personal cuesta $ 19 y ofrece un año de soporte y actualizaciones para un sitio web. Con un precio de 49 dólares, la licencia comercial aumenta el límite de sitios web de uno a cinco sitios web.

Precio de MotoPress Slider

La licencia de desarrollador se vende por $ 99. Ofrece soporte prioritario a los desarrolladores y ofrece un año de soporte y actualizaciones para un número ilimitado de sitios web. Las licencias por volumen también están disponibles si desea integrar MotoPress Slider en un producto de su elección.

MotoPress Slider es 100% GLP. Se requiere una licencia para obtener actualizaciones automáticas y compatibilidad con complementos, sin embargo, el complemento aún se puede utilizar por completo si no se ingresa esta clave de licencia.

Pensamientos finales

Todos los complementos de control deslizante de WordPress tienen una curva de aprendizaje, y MotoPress Slider no es diferente. Debe pasar al menos veinte o treinta minutos jugando con las diapositivas hasta que comience a comprender de lo que es capaz el complemento.

Después de un breve período de uso del complemento, tuve algunos momentos “Ajá” en los que comencé a comprender cómo funcionaba todo. La primera fue cuando descubrí cómo aprovechar al máximo los pañales. El segundo es cuando aprendí cómo se pueden usar las animaciones para mezclar texto, botones e imágenes. Sin embargo, la característica que realmente me hizo apreciar el potencial del control deslizante de MotoPress fue la opción de retrasar la aparición de capas. Esto permite utilizar muchos trucos de presentación interesantes, como alimentar por goteo a los visitantes del sitio web y mostrar imágenes y botones en puntos clave de la diapositiva.

Una vez que haya dominado estas sencillas técnicas, no tengo ninguna duda de que podrá crear diapositivas profesionales con MotoPress Slider. Si necesita algo de inspiración, le recomiendo que revise el control deslizante que se muestra en MotoPress, ya que destaca lo que se puede lograr usando capas simples de texto e imagen.

Espero que hayas disfrutado de este vistazo a MotoPress Slider. Si es así, le animo a suscribirse al boletín de WPExplorer para recibir actualizaciones gratuitas de nuestros últimos artículos y excelentes consejos, trucos y ofertas de WordPress.

Gracias por leer.

Kevin

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba