Docs    YouTube

YouTube Pro - Uso de Shortcodes

Nota: los códigos cortos sólo funcionan para los feeds antiguos creados antes de la versión 2.0 de YouTube Feed. Para los feeds más recientes, ignora lo que se indica a continuación y utiliza las opciones disponibles en el personalizador de feeds de YouTube. Puedes consultar la entrada del blog de la versión 2.0 de YouTube para obtener más información.

A continuación se muestra una lista de opciones de código corto disponibles para su uso dentro del plugin YouTube Pro. Estas opciones no son obligatorias y, si no se especifican, se utilizarán los valores predeterminados establecidos en las páginas de configuración y personalización del plugin.

Ejemplo básico: [youtube-feed]

Número de columnascols1-6El número de columnas del feed para escritorio. Nota: Esta configuración no se aplica a los feeds que ya utilizan un diseño de cuadrícula, como los feeds de fotos, álbumes y vídeos. Para controlar el número de columnas en esos feeds utilice la opción photocols, albumcolsy videocols ajustes.cols=3

Nombre Atributo Shortcode Opciones Descripción Ejemplo
Configure
Tipo de pienso tipo canal
lista de reproducción
favoritos
en directo
solo
Tipo de alimentación a mostrar type="channel"
type="playlist"
type="favorites"
type="live"
type=single"
Especifique el canal canal Mostrar vídeos de un canal de YouTube (canal) tipo=canal channel="smashballoon"
Especificar lista de reproducción lista de reproducción Mostrar vídeos de una lista de reproducción específica (playlist) tipo=lista de reproducción playlist="PLLLm1a2b3c4D6g7i8j9k_1a"
Especificar favoritos favoritos Mostrar la lista de reproducción "favoritos" de un canal (favoritos) type=favoritosfavorites="smashballoon"
en directo Mostrar las retransmisiones en directo próximas y en curso live="UC1a2b3c4D5F6g7i8j9k"
solo Mostrar un feed de vídeos individuales single="ahL3sbPK1U8"
busque en Mostrar un feed de resultados de búsqueda coincidentes search="cats"
Personalizar opciones
Anchura de alimentación anchura Cualquier número + unidad La anchura del contenedor de alimentación (incluida la unidad) Cualquier número con una unidad como "px" o "%" width=500px
width=50%
Altura de alimentación altura Cualquier número + unidad La altura del contenedor de alimentos (incluida la unidad) height=500px
Fondo de alimentación fondo background="#f00"
Información infoposición side
below
none
Dónde se mostrará la información (título, descripción, estadísticas). ej. abajo, al lado, ninguno infoposition="side"
infoposition="below"
infoposition="none"
Clase CSS clase class=myfeed
Experiencia en vídeo reproducir vídeo onclick ¿Cuándo reproducir el vídeo?

El diseño de la lista no se reproducirá automáticamente. Elija si desea reproducir el vídeo automáticamente en el reproductor o esperar hasta que el usuario haga clic en el botón de reproducción después de cargar el vídeo.

playvideo="onclick"
Información incluir playicon
título
nombre de usuario
vistas
fecha
stats = (conteo de likes y comentarios)
descripción
Lista separada por comas de la información del vídeo (título, descripción, estadísticas) que se mostrará en el feed. p. ej., título, descripción include="title, description, date"
include="date, stats"
Información hoverinclude título
nombre de usuario
vistas
fecha
stats = (conteo de likes y comentarios)
descripción
Lista separada por comas de la información del vídeo (título, descripción, estadísticas) que se mostrará al pasar el ratón por encima de la miniatura del vídeo. p. ej. título, estadísticas hoverinclude="title, stats, date"
Información descripciónlongitud # Número de caracteres Longitud máxima de la descripción descriptionlength="300"
Información descripcióntextsize px Tamaño del texto de la descripción, el tamaño del resto del texto será relativo a este tamaño. 13px, 14px, heredar descriptiontextsize="13px"
descriptiontextsize="inherit"
Moderación incluirpalabras elección Mostrar vídeos que tengan un texto o hashtag específico en el título o la descripción. includewords="#cat, dog, #nice"
Moderación excludewords elección Elimina los vídeos que tengan un texto o hashtag específico en el título o la descripción. excludewords="rabbit, #dog, purple"
Opciones de diseño
diseño Cómo se muestran visualmente tus entradas. layout="list"
cuadrículas Vídeos en carrusel cuando el ancho de pantalla es 480px o inferior. gridcols="3"
gridcolsmobile Columnas cuando el ancho de pantalla es 480px o inferior. gridcolsmobile="2"
galerías de fotos Vídeos en carrusel cuando el ancho de pantalla es 480px o inferior. gallerycols="3"
galeríacolsmóvil Columnas cuando el ancho de pantalla es 480px o inferior. gallerycolsmobile="2"
carruselcols Vídeos en carrusel cuando el ancho de pantalla es 480px o inferior. carouselcols="3"
carruselcolsmóvil Columnas cuando el ancho de pantalla es 480px o inferior. carouselcolsmobile="2"
carouselrows Elija 2 filas para mostrar dos entradas en una sola diapositiva. carouselrows="2"
carouselloop Qué ocurre cuando se alcanza la última diapositiva. carouselloop="infinity"
carouselarrows Mostrar flechas en los laterales para navegar por los posts. carouselarrows="false"
carouselpag Mostrar puntos debajo del carrusel para una indicación ordinal de la diapositiva que se está mostrando. carouselpag="false"
carouselautoplay Si cambiar o no las diapositivas automáticamente en un intervalo. carouselautoplay="true"
carouseltime Duración en milisegundos antes de que cambie la diapositiva. itemspacing="5px"
num El número de vídeos del feed num=5
espaciado entre elementos El espaciado/acolchado alrededor de los vídeos en el feed. Cualquier número con una unidad como "px" o "em". itemspacing="5px"
Opciones de experiencia de vídeo
playerratio Altura del reproductor en relación con la anchura, por ejemplo 9:16, 3:4 playerratio="9:16"
reproducir vídeo Qué tiene que hacer el usuario para reproducir un vídeo. p. ej., onclick, automáticamente playvideo="onclick"
cta Lo que el usuario ve cuando un vídeo hace una pausa o termina. por ejemplo, relacionado, enlace feed cta="link"
linkurl URL para que el espectador visite la llamada a la acción. linkurl="https://my-site.com/buy-now/my-product/"
linkopentype Si desea abrir la página en una ventana nueva o en la misma ventana. linkopentype="newwindow"
linktext ext que aparece en el botón de llamada a la acción. linktext="Buy Now"
linkcolor Fondo del botón. Se vuelve opaco al pasar el ratón por encima. linkcolor="#0f0"]
linktextcolor Color del texto del botón de llamada a la acción linktextcolor="#0f0"
Traducciones de texto personalizadas
vertexto El texto que aparece después del número de visitas. viewstext="times viewed"
agotext El texto que aparece después de tiempos relativos en el pasado. agotext="prior"
antesfechatexto El texto que aparece antes de las fechas de las retransmisiones en directo. beforedatetext="Watch Live"
texto anterior a la hora de transmisión El texto que aparece antes de los tiempos relativos de retransmisión en directo. beforestreamtimetext="Starting in"
texto del minuto Traducción para el singular "minuto". minutetext="minuto"
texto del acta Traducción para el plural "minutos". minutestext="minuten"
horatexto Traducción para "horas". hourstext="minuten"
watchnowtext El texto que aparece cuando el vídeo se está transmitiendo en directo. watchnowtext="Now Playing"
miltexto Texto después de las estadísticas si son más de 1.000. milestext=" miles"
millionstext Texto después de las estadísticas si más de 1 millón. millionstext=" million"
Opciones de cabecera
showheader Incluya una cabecera para este feed. showheader="false"
showdescription Incluya la descripción del canal en la cabecera. showdescription="false"
muestra suscriptores Incluya el número de abonados en la cabecera. showsubscribers="false"
suscriptorestexto El texto que aparece después del número de abonados. subscriberstext="followers"
"Opciones del botón "Cargar más
mostrarbotón ncluya un botón "Cargar más" en la parte inferior del feed para cargar más vídeos. showbutton="false"
buttoncolor Color de fondo para el botón "Cargar más". Cualquier código de color hexadecimal. buttoncolor="#0f0"
buttontextcolor Color del texto del botón "Cargar más". Cualquier código de color hexadecimal. buttontextcolor="#00f"
buttontext El texto que aparece en el botón "Cargar más". buttontext="More Videos"
"Opciones del botón "Suscribirse
showsubscribe Incluya un botón "Suscribirse" en la parte inferior del feed para cargar más vídeos. showsubscribe="false"
abonecolor Color de fondo para el botón "Suscribirse". Cualquier código de color hexadecimal. subscribecolor="#0f0"
subscribetextcolor Color del texto del botón "Suscribirse". Cualquier código de color hexadecimal. subscribetextcolor="#00f"
suscribirsetexto El texto que aparece en el botón "Suscribirse". subscribetext="Subscribe to My Channel"
Otros
showpast Incluir retransmisiones en directo anteriores si se muestra un feed de retransmisiones en directo. showpast="true"
usabúsqueda personalizada Utilice una búsqueda personalizada en lugar del tipo de búsqueda por defecto. usecustomsearch="true"
búsqueda personalizada Consulta de búsqueda personalizada. customsearch="&q=gooseberry falls&order=viewCount"
soporte

¿No ha encontrado la respuesta en los documentos?

Contacto

¿Le ha resultado útil este artículo?