SLIDER Para WORDPRESS - Como Crear Uno Facilmente! (Funciona en 2022)

en este vídeo te voy a mostrar cómo puedes crear diferentes tipos de sliders o carruseles en wordpress que puedes usar como banner principal en tu página o para mostrar los logos de tus clientes y otras cosas más ok mi nombre es juan gómez de artesano web.com y vamos a empezar con el primer método vamos a plugins añadir nuevo buscamos smart slider 3 y nuestras y activas yo ya lo tengo instalado así que aquí le damos clic a la nueva opción que aparece en el menú después vamos a nuevo slider le damos un nombre si sabes el tamaño exacto que lo quieres poner la medida es aquí y si no lo dejas como está aquí hay diferentes opciones que puedes escoger yo lo dejaré como está y le doy a crear ok entonces aquí con este botón podemos agregar el primer slide y veremos diferentes tipos de slice que puedes crear con una imagen de fondo puedes insertar una plantilla ellos tienen un par de opciones pre creadas que puedes escoger uno totalmente en blanco con un vídeo puedes crear un slide con una de las entradas de tu blog start y cover ley que es para que sólo cambia el fondo y el contenido siempre sea el mismo ok para este ejemplo vamos a crear uno con una imagen de fondo y elegimos una imagen de nuestra librería o puedes subir una nueva desde tu computadora y después veremos un montón de ajustes que puedes modificar no voy a explicar cada una de estas opciones porque son demasiadas pero por ejemplo aquí en general puedes de saber y deshabilitar la opción para que los slides se puedan mover con el teclado o el mouse puedes cambiar las animaciones aquí puedes cambiar el tamaño margen y otras cosas deshabilitar o habilitar la reproducción automática para que los slides vayan rotando cada cierto tiempo y después otras cosas más avanzadas aquí más trabajo podemos cambiar cosas como el estilo de las flechas y también la imagen de las flechas y el color la posición de las flechas si las quieres en el medio abajo arriba afuera o donde sea después aquí en viñetas puedes habilitar eso para que la gente vea cuántos slides hay y cuál de todos están viendo también puedes cambiar la posición como con las flechas puedes agregar una barra de texto con una descripción para cada slide puedes agregar todos mails o una imagen miniatura de cada slide para que la gente pueda navegar por ellas y por último también puedes agregar una sombra debajo de todo el slider si quieres aunque este tipo de efecto me parece que se ve un poco antiguo si entonces juegas con todas estas configuraciones y cuando estés listo para editar el contenido del primer slide le das a guardar y le das clic a la imagen aquí para editarlo aquí arriba puedes editar otros ajustes como el fondo animación y otras cosas básicas pero aquí abajo es donde empiezas a agregar el texto botones y otros elementos hay dos maneras de hacer esto puedes darle click a cada una de estas cosas que quieras agregar como por ejemplo un título y un botón y los elementos aparecerán uno debajo del otro y puedes controlar su posición y estilo con esta caja de aquí o podemos borrar esto y darle click aquí a canvas y ahora podemos arrastrar cada elemento exactamente a donde quieras que queden y los puedes editar dándole click a cada uno y cambiar el texto agregarle un link el color tamaño fondo etcétera le puedes agregar padding a cada lado para que el texto no quede tan pegado al borde y hasta le puedes agregar un poco de transparencia al fondo si tienes un link aquí en esta pestaña del link puedes cambiar el color y todas las otras cosas que te acabo de mostrar ok también hay opciones de jover que son para cambiar la apariencia de los elementos cuando le pases el mouse por encima por ejemplo si cambiamos el color del fondo dentro de la pestaña de jover veremos que aquí cuando pasamos el mouse por encima de este elemento ahora cambia el fondo y puedes hacer esto para cualquier elemento pero donde es más común utilizar el joven es en los botones y links ok entonces básicamente así es que creas tu primer slide y cuando termines le das a guardar después vas aquí arriba as lights y para agregar el siguiente slide puedes darle aquí como con el primero o también puedes darle click acá al que acabas de crear y duplicarlo después levitas y cambiar la imagen de fondo cambiar el texto etcétera y cuando termines lo guardas y sigues así agregando todos los slides que necesites aquí hay opciones para editar cómo se ve cada slide en tabletas o celulares y es muy importante que evites estas opciones porque la mayoría de gente visitará tu página desde dispositivos móviles ok acá puedes arrastrar los slides para cambiar el orden en que aparecen y cuando termines vas aquí a slider y verás este código que tienes que copiar y pegar en la página donde quieras insertar este slider por ejemplo si lo quiero insertar aquí en esta página tengo el código aquí y sin guardo y veo los cambios ahora aparecerá el slider en la página aquí hay varias plantillas que puedes insertar como esta y simplemente editarla con tu texto e imágenes pero como en todos los plugins si quieres tener acceso a la mayoría de estas plantillas y opciones más avanzadas tienes que comprar la versión pro y si estás pensando en comprar la versión pro de este plugin no te lo recomiendo para nada ahora te voy a mostrar el segundo método para insertar sliders en tus páginas y es mil veces mejor hay otro plugin llamado elementos que aparte de permitirte insertar sliders y carruseles te permite insertar todo tipo de elementos en tus páginas como botones formularios o popups y muchísimas cosas más la versión pruebe elementos vale lo mismo que los otros plugins y te dan muchísimas más funcionalidades tus diseños se verán mucho mejor y es más fácil de usar por ejemplo para crear un slider como el que acabamos de crear con smart slider 3 simplemente arrastras el elemento de slide a tu página y lo editar rápidamente primero acá puedes dejar un color de fondo o elegir una imagen editar el texto cambiar los colores tamaños etcétera controlar la altura reordenar los slides y obviamente editar los elementos de navegación como las flechas la animación etcétera puedes también insertar este elemento de carrusel de imágenes y si rápidamente inserto unos logos puedes exhibir los logos de tus clientes en cualquier lugar de tu página normalmente tienes que arrastrarlos a donde quieras que aparezcan y listo en esta parte puedes editar como se ve en tus diseños en móviles o tabletas y así es fácil es insertar sliders carruseles y todo tipo de elementos en tus páginas con elementos ok entonces como pudiste ver con elementos logramos hacer lo mismo que con el otro plugin pero mucho más rápido y fácil así que de verdad te recomiendo que descargues este plugin el link está en la descripción del vídeo y también cuando lo descargues te daría acceso a mi curso de diseño web con wordpress y elementos totalmente gratis para que aprendas a diseñar páginas increíbles como ésta sin saber html o técnicas avanzadas ok entonces espero que te haya servido esta información si tienes alguna pregunta o comentario déjala abajo y te responderé lo más pronto posible por favor déjame tu like y suscríbete a mi canal y nos vemos en el próximo e [Música]