El control deslizante funcionar\u00e1 en su sitio independientemente del tema que haya instalado.<\/p>\n
C\u00f3mo agregar un control deslizante a su p\u00e1gina de inicio<\/h2>\n
Veamos c\u00f3mo agregar un control deslizante a su p\u00e1gina de inicio, paso a paso, comenzando por agregar el complemento que necesitar\u00e1.<\/p>\n
Instalar y activar Meta Slider<\/h3>\n
Primero, instale y active el excelente complemento Meta Slider<\/a> en su sitio.<\/p>\n Meta Slider es el complemento de control deslizante mejor calificado en wordpress.org, y es el primero en mi lista de controles deslizantes recomendados<\/a> (gratuitos y de pago).<\/p>\n Go Pro:<\/strong> la versi\u00f3n gratuita de Meta Slider es fant\u00e1stica y rica en funciones, pero tambi\u00e9n hay una versi\u00f3n Pro<\/a> con controles deslizantes de video, navegaci\u00f3n de miniaturas y m\u00e1s.<\/p>\n Una vez activado, encontrar\u00e1 un nuevo men\u00fa de configuraci\u00f3n de Meta Slider en su tablero. El men\u00fa estar\u00e1 inicialmente en blanco y le pedir\u00e1 que cree su primer control deslizante.<\/p>\n Al hacer clic en el bot\u00f3n m\u00e1s, se crear\u00e1 su primera presentaci\u00f3n de diapositivas. Una vez que haya creado un control deslizante, estar\u00e1 listo para comenzar a agregar im\u00e1genes.<\/p>\n Haga clic en el bot\u00f3n Agregar diapositiva para revelar la biblioteca de medios. Puede cargar una nueva imagen o seleccionar cualquiera de sus im\u00e1genes existentes.<\/p>\n Agregue algunas im\u00e1genes ahora. No tienen que ser tus im\u00e1genes finales. Simplemente agregue algunas diapositivas para que pueda seguir el resto del tutorial.<\/p>\n Meta Slider incluye cuatro controles deslizantes diferentes. Los cuatro controles deslizantes son:<\/p>\n El \u00fanico control deslizante que no recomendar\u00eda es Coin Slider, ya que no responde. Los otros tres son geniales.<\/p>\n Puede seleccionar el control deslizante que le gustar\u00eda usar en la barra lateral derecha.<\/p>\n Una vez que haya agregado algunas im\u00e1genes y elegido su control deslizante, el siguiente paso es personalizar la apariencia y la funcionalidad de la presentaci\u00f3n de diapositivas.<\/p>\n Meta Slider incluye opciones de configuraci\u00f3n b\u00e1sicas y tambi\u00e9n algunas configuraciones avanzadas. Dejar\u00e9 que t\u00fa decidas c\u00f3mo quieres que se muestre tu control deslizante, pero aqu\u00ed tienes una vista previa de las opciones disponibles:<\/p>\n Un consejo: usar el estiramiento al 100% del ancho suele ser una buena idea porque har\u00e1 que el control deslizante se adapte al ancho de la pantalla.<\/p>\n La versi\u00f3n gratuita de Meta Slider incluye una cantidad limitada de efectos de transici\u00f3n de diapositivas, pero Meta Slider Pro<\/a> agrega muchos efectos nuevos y geniales.<\/p>\n Su sitio muestra actualmente una p\u00e1gina o sus \u00faltimas publicaciones.<\/p>\n Si est\u00e1 mostrando sus \u00faltimas publicaciones y no sabe c\u00f3mo cambiar a una p\u00e1gina normal, siga este tutorial para aprender<\/a> c\u00f3mo hacerlo<\/a> primero.<\/p>\n Una vez que tenga una p\u00e1gina en su p\u00e1gina de inicio, contin\u00fae con el siguiente paso.<\/p>\n El \u00faltimo paso es agregar el control deslizante que cre\u00f3 a la p\u00e1gina que est\u00e1 mostrando en su p\u00e1gina de inicio. Afortunadamente para nosotros, Meta Slider lo hace muy f\u00e1cil.<\/p>\n Navegue hasta el editor de p\u00e1gina y notar\u00e1 que hay un nuevo bot\u00f3n Agregar control deslizante encima del editor.<\/p>\n Coloque el cursor donde desee que se incruste el control deslizante y presione el bot\u00f3n Agregar control deslizante para abrir el men\u00fa de selecci\u00f3n del control deslizante.<\/p>\n Seleccione su control deslizante reci\u00e9n creado.<\/p>\n Una vez que presione el bot\u00f3n Insertar presentaci\u00f3n de diapositivas, ver\u00e1 un c\u00f3digo corto agregado al editor, como este:<\/p>\n El c\u00f3digo abreviado no parece mucho en el editor, pero una vez que se ve en el sitio, muestra el control deslizante que cre\u00f3 con Meta Slider.<\/p>\n Si no est\u00e1 familiarizado con los c\u00f3digos cortos, puede revisar nuestro tutorial de c\u00f3digos cortos aqu\u00ed<\/a>.<\/p>\n Vea la p\u00e1gina ahora y ver\u00e1 su control deslizante incrustado en su p\u00e1gina de inicio.<\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023eb9feb0.png\")
<\/a><\/p>\nCrea un control deslizante<\/h3>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023ef0e96e.png\")
<\/a><\/p>\nAgrega im\u00e1genes a tu control deslizante<\/h3>\n
Elija su control deslizante<\/h3>\n
\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f2a7b1a.png\")
<\/a><\/p>\nPersonaliza el control deslizante<\/h3>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f918c8a.png\")
<\/a><\/p>\nCrea una p\u00e1gina para tu p\u00e1gina de inicio<\/h3>\n
Agrega el control deslizante a tu p\u00e1gina de inicio<\/h3>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023fce2fa8.png\")
<\/a><\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702400027af.png\")
<\/a><\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702403184fa.png\")
<\/a><\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617024064b0a1.png\")
<\/a><\/p>\n