[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-un-control-deslizante-de-wordpress-de-video-e-imagen-con-slidedeck\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-un-control-deslizante-de-wordpress-de-video-e-imagen-con-slidedeck\/","headline":"C\u00f3mo crear un control deslizante de WordPress de video e imagen con SlideDeck","name":"C\u00f3mo crear un control deslizante de WordPress de video e imagen con SlideDeck","description":"Seamos realistas, los controles deslizantes de contenido son incre\u00edbles: cuando se hacen correctamente, conservan un valioso espacio en la pantalla, su interactividad ayuda a mantener ... Leer m\u00e1s<\/a>","datePublished":"2022-11-20","dateModified":"2022-11-20","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/11\/slidedeckbanner.gif","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/11\/slidedeckbanner.gif","height":180,"width":180},"url":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-un-control-deslizante-de-wordpress-de-video-e-imagen-con-slidedeck\/","about":["Plugins"],"wordCount":1994,"articleBody":"Seamos realistas, los controles deslizantes de contenido son incre\u00edbles: cuando se hacen correctamente, conservan un valioso espacio en la pantalla, su interactividad ayuda a mantener a sus visitantes interesados \u200b\u200by, especialmente para los bloggers, pueden ayudar a mantener sus publicaciones m\u00e1s valiosas frente a los nuevos visitantes de su sitio. Hay toneladas de complementos deslizantes para WordPress, pero el problema es que muchos de ellos son dif\u00edciles de usar, y a\u00fan m\u00e1s dif\u00edciles de lograr que se vean bien en el dise\u00f1o de su sitio.Todo eso cambi\u00f3 cuando probamos SlideDeck 2, un nuevo complemento de control deslizante de contenido de WordPress. Este poderoso complemento creado por telepat\u00eda digital hace que sea s\u00faper simple crear incre\u00edbles controles deslizantes en minutos, sin necesidad de una sola l\u00ednea de c\u00f3digo. SlideDeck 2 se distingue de la multitud al permitirle mezclar contenido de diferentes lugares de la web (como Flickr, YouTube, etc.) y presentarlo en la p\u00e1gina como un magn\u00edfico control deslizante de contenido. Adem\u00e1s del complemento de WordPress, tambi\u00e9n hay un kit para desarrolladores de JavaScript: lo usamos en nuestra p\u00e1gina de configuraci\u00f3n gratuita del blog de WordPress. Hemos estado divirti\u00e9ndonos con el complemento, por lo que decidimos armar esta gu\u00eda r\u00e1pida para mostrarle c\u00f3mo hacer un control deslizante de contenido din\u00e1mico de WordPress usando SlideDeck 2. Aqu\u00ed hay un resumen r\u00e1pido de los temas que cubriremos:Compra e instalaci\u00f3n del complementoTerminolog\u00edaCreaci\u00f3n de un SlideDeck de origen din\u00e1micoConfiguraci\u00f3n de la lenteGuardar y publicar su SlideDeckTerminandoCompra e instalaci\u00f3n del complementoLo primero es lo primero: SlideDeck es un complemento premium, por lo que, por el momento, deber\u00e1 comprarlo para usarlo en su sitio. Si no est\u00e1 seguro, puede probar su demostraci\u00f3n en vivo gratuita. Vaya al sitio web de SlideDeck y compre el complemento. En nuestra opini\u00f3n, por la potencia que contiene, es un buen negocio. Usa el cup\u00f3n de SlideDeck \u2013 WPB-SD2 para obtener un 20% de descuento. Hay tres paquetes disponibles, y los mejores incluyen m\u00e1s funciones y capacidades (complementos). Si compra uno de los paquetes de nivel superior, deber\u00e1 instalar el complemento, as\u00ed como un “Complemento” que desbloquea las funciones adicionales para ese paquete. Tu compra viene con soporte por un a\u00f1o, as\u00ed que no dudes en contactarlos si tienes problemas en alg\u00fan momento. Conocemos personalmente a la gente de SlideDeck, y son excelentes personas que valoran el servicio al cliente al m\u00e1ximo.Para instalar el complemento, puede seguir nuestra pr\u00e1ctica Gu\u00eda paso a paso para instalar un complemento de WordPress.Terminolog\u00edaAntes de comenzar, hay algunos t\u00e9rminos que debemos explicar:Fuente de contenido \u2013 Una fuente de contenido es cualquier lugar donde publique su contenido, como YouTube, Instagram o Twitter. SlideDeck puede conectarse autom\u00e1ticamente a m\u00e1s de una docena de fuentes diferentes y dicen que est\u00e1n trabajando para agregar m\u00e1s.SlideDecks de fuente din\u00e1mica \u2013 Hay dos tipos de SlideDecks que puede crear: fuente din\u00e1mica y contenido personalizado. SlideDecks de fuente din\u00e1mica le permite conectarse con su contenido en diferentes fuentes de contenido en toda la Web y generar autom\u00e1ticamente un control deslizante a partir de \u00e9l. Por ejemplo, puede crear una galer\u00eda de im\u00e1genes geniales utilizando im\u00e1genes de su feed de Instagram. Los SlideDecks de fuentes din\u00e1micas se crean r\u00e1pidamente y, como beneficio adicional, \u00a1se actualizan autom\u00e1ticamente en sincronizaci\u00f3n con sus fuentes de contenido!SlideDecks de contenido personalizado \u2013 SlideDecks de contenido personalizado le permite construir sus controles deslizantes una diapositiva a la vez. Son m\u00e1s adecuados para la narraci\u00f3n visual, o si tiene una acci\u00f3n espec\u00edfica que desea que los usuarios realicen, como un recorrido por el producto, por ejemplo. Este art\u00edculo habla sobre SlideDecks de fuente din\u00e1mica. Estamos trabajando en la creaci\u00f3n de una gu\u00eda pr\u00e1ctica separada espec\u00edficamente para SlideDecks de contenido personalizado (pr\u00f3ximamente).Lente \u2013 Las lentes son como temas para su control deslizante de contenido. Controlan c\u00f3mo se ve y se comporta su control deslizante, as\u00ed como tambi\u00e9n c\u00f3mo se presenta el contenido en la p\u00e1gina. Al igual que con los temas de WordPress, aplicar una lente diferente a su contenido solo toma unos segundos y puede generar una apariencia significativamente diferente para su control deslizante.Ok, ahora que la jerga est\u00e1 fuera del camino, adelante, active SlideDeck 2, \u00a1para que podamos comenzar!Creaci\u00f3n de un SlideDeck de origen din\u00e1micoLe mostraremos c\u00f3mo crear un SlideDeck de fuente din\u00e1mica que mezcle videos e im\u00e1genes de una cuenta de YouTube y Flickr. Comience haciendo clic en “Administrar” para ir al panel principal. Esta pantalla le permite crear nuevos SlideDecks, as\u00ed como ordenar\/previsualizar sus SlideDecks existentes.En la secci\u00f3n Fuente din\u00e1mica, haga clic en el bot\u00f3n azul “Crear presentaci\u00f3n de diapositivas”. Aparecer\u00e1 una ventana de men\u00fa que le pedir\u00e1 que elija su primera Fuente de contenido; podr\u00e1 seleccionar fuentes adicionales en la siguiente pantalla, as\u00ed que elija una y acceder\u00e1 al Editor de fuentes din\u00e1micas. Vamos a elegir YouTube, para tener una linda galer\u00eda de videos.Una vez que llegue al Editor de fuentes din\u00e1micas, ver\u00e1 que YouTube ha sido seleccionado como nuestra primera fuente de contenido. Comience por nombrar su SlideDeck, luego haga clic en el icono de YouTube y obtendr\u00e1 una bonita pesta\u00f1a de men\u00fa que muestra todas las opciones de configuraci\u00f3n disponibles para esta fuente. Ingrese un nombre de usuario (puede ser suyo o de otra persona) y presione ‘Aplicar’ para obtener los videos m\u00e1s recientes del canal de ese usuario; si el usuario al que hizo referencia tiene otras listas de reproducci\u00f3n, puede especificar que desea obtener videos de ese canal. lista en el men\u00fa desplegable.Ahora puede ver una de las mejores caracter\u00edsticas de SlideDeck 2: la ventana de vista previa en vivo. Esta \u00e1rea de la pantalla le permite ver su control deslizante en tiempo real a medida que realiza cambios en \u00e9l, en lugar de tener que actualizar su publicaci\u00f3n en una ventana separada del navegador. Ver\u00e1s que el control deslizante aqu\u00ed se actualiza ante tus propios ojos para mostrar los \u00faltimos videos en la lista de reproducci\u00f3n. Incluso puede interactuar con el control deslizante en el \u00e1rea de vista previa. \u00a1Contin\u00fae, pru\u00e9belo!As\u00ed que esa fue nuestra primera fuente de contenido, f\u00e1cil, \u00bfverdad? Ahora, agregaremos un segundo para darle algo de variedad al control deslizante. Haga clic en el bot\u00f3n Agregar fuente en el \u00e1rea de encabezado de la pantalla Editor y ver\u00e1 la misma ventana modal Fuentes de contenido. Esta vez, seleccione Flickr como fuente.De manera similar a YouTube, puede hacer clic en el \u00edcono de Flickr en el encabezado para configurar la fuente de contenido. Dado que Flickr requiere un n\u00famero de identificaci\u00f3n de los usuarios (nuevamente, el suyo o el de otra persona) para obtener im\u00e1genes, deber\u00e1 obtener ese n\u00famero; peque\u00f1a herramienta pr\u00e1ctica.Tome el n\u00famero de ID del usuario y p\u00e9guelo en el campo “ID de usuario\/grupo”, y elija si desea filtrar las im\u00e1genes que muestra usando cualquier etiqueta asociada con sus fotos. Haga clic en “Aplicar” para agregar im\u00e1genes y subt\u00edtulos de la cuenta de Flickr en su control deslizante y eche un vistazo r\u00e1pido.\u00bfVes videos e im\u00e1genes all\u00ed todav\u00eda? De lo contrario, es posible que est\u00e9 fusionando contenido de una fuente que no se ha actualizado durante un tiempo, lo que hace que las fuentes actualizadas m\u00e1s recientemente lo “desplacen”. En este caso, es posible que desee intentar aleatorizar el orden de las diapositivas, ya que esto a veces ayudar\u00e1, o puede comenzar a publicar con m\u00e1s frecuencia en sus otras fuentes. Configuraci\u00f3n de la lente\u00a1Felicitaciones, ha creado su primer SlideDeck! Ahora tu pudo simplemente contin\u00fae y guarde este SlideDeck, luego publ\u00edquelo en su p\u00e1gina, pero considerando todas las opciones de personalizaci\u00f3n disponibles para usted, probablemente sea mejor utilizarlas. SlideDeck ofrece un mont\u00f3n de opciones para personalizar la lente, para que su control deslizante se vea bien en la p\u00e1gina. Despl\u00e1cese hacia abajo justo debajo del \u00e1rea de vista previa en vivo para ver el panel de opciones y ver qu\u00e9 hay all\u00ed.Si no lo ha notado, hay muchas opciones disponibles, por lo que no las revisaremos todas. Sin embargo, los hemos agrupado en seis categor\u00edas simples:Lentes: este panel le permite elegir la lente general que utiliza su SlideDeck. La aplicaci\u00f3n de una lente diferente puede cambiar por completo la apariencia de su contenido en la p\u00e1gina, as\u00ed que elija la que se parezca m\u00e1s a su sitio en general.Configuraci\u00f3n: este grupo contiene configuraciones generales, como las dimensiones de su SlideDeck, la cantidad de diapositivas, etc.Apariencia: le permite ajustar cosas como fuentes y coloresContenido: use este panel para controlar c\u00f3mo aparece el contenido en su SlideDeck: opciones como la longitud del t\u00edtulo, mostrar\/ocultar extractos y otras se encuentran aqu\u00ed.Navegaci\u00f3n: ajuste y configure los elementos de navegaci\u00f3n de SlideDecks, como el estilo de flecha, el tipo de navegaci\u00f3n y m\u00e1sReproducci\u00f3n: controla c\u00f3mo se comporta su SlideDeckGuardar y publicar su SlideDeckAhora que cre\u00f3 su SlideDeck, agreg\u00f3 sus fuentes de contenido y configur\u00f3 su lente, solo queda un paso: \u00a1mostrarla al mundo! Presione el bot\u00f3n “Guardar SlideDeck” en la parte inferior de la pantalla del editor para guardar su nuevo SlideDeck. La p\u00e1gina se actualizar\u00e1 y se le presentar\u00e1n algunas opciones.A partir de aqu\u00ed, hay tres m\u00e9todos para compartir sus SlideDecks con los visitantes de su sitio web:Incrustarlo en una p\u00e1gina o publicaci\u00f3n existenteIncrustarlo en una nueva p\u00e1gina o publicaci\u00f3nUsar un shortcode para incrustarlo en las plantillas de su p\u00e1ginaEstos tres m\u00e9todos utilizan el c\u00f3digo corto de SlideDeck, una peque\u00f1a etiqueta simple que representa el SlideDeck que creaste. Se parece a esto:[slidedeck=Your SlideDeck\u2019s ID number]\u00a1Eso es todo al respecto! Mientras escribe el contenido de su publicaci\u00f3n o p\u00e1gina, simplemente haga clic en el peque\u00f1o icono morado de SlideDeck junto al icono “Insertar medios” encima de la ventana de edici\u00f3n de contenido de WordPress.Al hacer clic en este \u00edcono, aparecer\u00e1 el men\u00fa selector de SlideDeck; desde aqu\u00ed, puede especificar f\u00e1cilmente qu\u00e9 SlideDeck(s) desea incrustar en su contenido. Haga clic en “Insertar” y el c\u00f3digo abreviado de su SlideDeck aparecer\u00e1 en su publicaci\u00f3n.TerminandoNos encanta SlideDeck, porque pone controles deslizantes de gran contenido al alcance de pr\u00e1cticamente cualquier persona. Es por eso que lo tenemos en nuestra lista de complementos imprescindibles de WordPress, y lo estamos usando en nuestros sitios. Es bastante f\u00e1cil ser creativo e ir m\u00e1s all\u00e1 del encabezado de la p\u00e1gina de inicio. Puede colocar un SlideDeck en muchos lugares de su sitio, incluso en su barra lateral, pie de p\u00e1gina, en sus publicaciones, \u00a1en cualquier lugar! Diablos, incluso puedes ser creativo y usarlo en p\u00e1ginas personalizadas como lo hicimos en la p\u00e1gina de configuraci\u00f3n de blog de WordPress gratis.Podemos decir f\u00e1cilmente que SlideDeck es, con mucho, el MEJOR y m\u00e1s f\u00e1cil de usar WordPress Slider plugin que existe. Si tuvi\u00e9ramos que calificarlo, le dar\u00edamos un perfecto 5 fuera de 5 estrella.\u00bfEst\u00e1 pensando en agregar un control deslizante en sus sitios de WordPress? Bueno, entonces obt\u00e9n SlideDeck ahora. Utilice el c\u00f3digo de cup\u00f3n: WPB-SD2 para obtener un 20% de descuento. "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Plugins","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear un control deslizante de WordPress de video e imagen con SlideDeck","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-un-control-deslizante-de-wordpress-de-video-e-imagen-con-slidedeck\/#breadcrumbitem"}]}]