Agregue hermosas diapositivas a su sitio web con MotoPress Slider para WordPress

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


En febrero de este año lanzaron MotoPress Slider; su segundo gran complemento de WordPress. El complemento es receptivo, por lo que las diapositivas que 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 de configuración cortas. Hay una pestaña para la configuración del control deslizante, controles y apariencia.

En la pestaña de configuración del control deslizante puede nombrar su control deslizante y el alias que se utiliza para el código abreviado del control deslizante. El control deslizante puede hacerse de ancho completo o puede definir el tamaño predeterminado de la cuadrícula. El retraso de la presentación de diapositivas también se puede establecer 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 y más.

Nuevos controles deslizantes

En la pestaña de apariencia puede definir el tamaño de píxel predeterminado para pantallas de teléfono, tableta y escritorio. La configuración original es que cualquier cosa de hasta 767 píxeles se muestra usando el diseño del teléfono, cualquier cosa entre 768 y 991 píxeles usa el diseño de la tableta, y cualquier cosa de más de 992 píxeles usa la pantalla del escritorio.

Se puede aplicar una clase CSS personalizada a su control deslizante. También hay un cuadro en el que puede agregar código CSS personalizado.

Nueva apariencia del control deslizante

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

Configuración de grupos de usuarios de MotoPress Slider

No se preocupe demasiado por la configuración de su 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 creación del control deslizante que les permite regresar y modificar la configuración en cualquier momento.

Agregar diapositivas a su nuevo deslizador MotoPress

En la siguiente área puede agregar diapositivas a su control deslizante. Puede ver una captura de pantalla de esta área a continuación. A primera vista, puede parecer un poco desalentador, sin embargo, es muy fácil de entender una vez que sabe dónde está todo.

Página de creación de diapositivas de MotoPress

En la parte superior hay siete pestañas: General, color, imagen, video, enlace, visibilidad y misceláneos. Una vista previa de su control deslizante 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 conoce como una capa y estas capas se muestran en el lado derecho de la página.

Puede reorganizar el orden de las capas con arrastrar y soltar. La colocación de capas funciona de la misma manera que en aplicaciones gráficas como Photoshop con prioridad dada a la capa en la parte 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 mostrará debajo. Al hacer clic en Eliminar en su teclado, se eliminará la capa de su diapositiva. También hay dos botones para eliminar: uno elimina la capa que ha seleccionado, el otro elimina todas las capas.

Las capas se pueden arrastrar por el área del lienzo. Cuando lo haga, verá que cambian las coordenadas X e Y. Esto es útil ya que significa que puede colocar capas en varias diapositivas en la misma posición exacta (lo cual es muy útil para posicionar contenido como texto). También se puede usar una cuadrícula de nueve cuadros para colocar capas, p. arriba a la izquierda, centro, abajo a la derecha, etc..

Se pueden usar docenas de animaciones para desvanecer y desvanecer capas. Esto incluye desvanecimientos, zooms, volteretas y rebotes. Las capas se pueden mostrar y / u ocultar en un momento determinado (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..

Los estilos predefinidos también están 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 publicarlas..

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

Configuración de color del deslizador MotoPress

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

Configuración de imagen del deslizador MotoPress

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

Configuración de video del deslizador MotoPress

Las diapositivas pueden hacerse vinculables. Puede establecer los atributos de ID de enlace, clase, rel y título. Cuando un visitante hace clic en la diapositiva en cuestión, será llevado a la URL que definió. Como los enlaces se configuran en una diapositiva por diapositiva, puede hacer que algunas diapositivas se vinculen a sitios web externos y no a otras.

Configuración del enlace del deslizador MotoPress

Las diapositivas pueden restringirse a usuarios registrados. Esto podría usarse para mostrar solo diapositivas 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 una competencia durante la primera semana de diciembre.

Configuración de visibilidad del deslizador MotoPress

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

Ajustes variados del control deslizante de MotoPress

Una vez que haya creado su diapositiva, puede guardarla usando el botón Guardar en la parte inferior de la página. Al hacer clic en el botón Cerrar, irá a la lista de diapositivas, es decir, a todas las diapositivas que haya 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. Si no, puede crear una nueva diapositiva desde cero.

Lista de diapositivas de MotoPress Slider

Finalmente, puede insertar su control deslizante completo en su sitio web utilizando el alias de código corto que definió para su control deslizante.

El control deslizante de MotoPress

Dicen que la belleza está en el ojo del espectador, sin embargo, estaba muy impresionado con 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 de información principal de MotoPress Slider, verá un gran ejemplo de lo que se puede lograr con el complemento. Destaca cómo las capas, y retrasando la carga de capas, pueden usarse para crear controles deslizantes profesionales en minutos. La forma en que aparecen las capas a lo largo del tiempo durante una diapositiva da la impresión de que está viendo una presentación de video (incluso cuando no se usan videos). Es un efecto simple que realmente transforma las diapositivas..

Ejemplo de control deslizante de MotoPress

Precios

MotoPress ha adoptado un esquema de precios justos para su complemento deslizante. Su licencia personal se vende a $ 19 y ofrece un año de soporte y actualizaciones para un sitio web. Con un precio minorista de $ 49, la licencia comercial aumenta el límite del sitio web de uno a cinco sitios web.

Precios de Slider de MotoPress

La licencia de desarrollador se vende a $ 99. Ofrece soporte prioritario para desarrolladores y brinda 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 empaquetar MotoPress Slider en un producto propio.

MotoPress Slider es 100% GPL. Se requiere una licencia para obtener actualizaciones automáticas y soporte para el complemento, sin embargo, el complemento todavía es completamente utilizable si no se ingresa esta clave de licencia.

Pensamientos finales

Todos los complementos del 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 qué es capaz el complemento.

Después de un corto período de uso del complemento, tuve un par de momentos “Ajá” cuando comencé a entender cómo funcionaba todo. La primera es cuando entendí cómo aprovechar al máximo las capas. La segunda es cuando aprendí cómo se pueden usar las animaciones para fundir y fundir 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 geniales de presentación, como el texto de alimentación por goteo a los visitantes del sitio web y la aparición de imágenes y botones en los puntos clave de la diapositiva..

Una vez que haya dominado estas técnicas simples, estoy seguro de que podrá crear diapositivas profesionales con MotoPress Slider. Si necesita inspiración, le recomiendo que compruebe el control deslizante que se muestra en MotoPress, ya que resalta lo que se puede lograr con capas simples de texto e imagen..

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

Gracias por leer.

Kevin

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map