Cómo resaltar la página actual en el menú de navegación de WordPress

Cómo agregar una imagen destacada de un video de YouTube en WordPress

Ultima actualización en por Debjit Saha

Extractos de IsItWP

¿Quieres agregar la imagen seleccionada de tu video de YouTube? Nuestro fragmento de código agrega un metabox a sus publicaciones donde puede agregar una identificación de video de YouTube para mostrar una miniatura.

agregar publicaciones en miniatura de youtube con metabox personalizado

Instrucciones:

Para mostrar una miniatura de YouTube como imagen destacada, agregue este fragmento al archivo functions.php de su tema o en un complemento específico del sitio:

Siéntase libre de cambiar esta línea: youtube_thumb (‘480’, ‘360’, ‘0’)

Los valores de la función son: ancho, alto, captura de pantalla. El 0 es la vista previa de la imagen predeterminada 0 debe ser la primera imagen, pero 1, 2, 3, etc. también puede funcionar para videos con imágenes de vista previa en todo el clip.


	add_action("admin_init", "youtube_init");
	add_action('save_post', 'save_youtube_link');

	function youtube_init(){
		add_meta_box("youtube", "Youtube thumbnail code", "youtube_link", "post", "normal", "high");
	}

	function youtube_link(){
		global $post;
		$custom  = get_post_custom($post->ID);
		$link    = $custom["link"][0];
?>
<div class="link_header">
	<input name="link" class="form-input-tip" value="<?php echo $link; ?>" /><br />
</div>

<div class="yt-thumb"><img src="https://img.youtube.com/vi/<? echo $custom['link'][0]; ?>/0.jpg" width="30" height="30" /></div>
<p>Please place id for the youtube file here! This sample URL ID is hilighted in <span class="yt-id">red</span>. After v= and before & symbol if one exists. <br /> http://www.youtube.com/watch?v=<span class="yt-id">oHg5SJYRHA0</span>&feature=player_embedded</p><div class="yt-clear"></div>
<?php
	}


function save_youtube_link(){
global $post;
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {return $post->ID;}
	update_post_meta($post->ID, "link", $_POST["link"]);
}

function youtube_thumb($w,$h,$t){
     $custom = get_post_custom($post->ID);
     return '<img src="https://img.youtube.com/vi/'.$custom['link'][0].'/'.$t.'.jpg" width="'.$w.'" height="'.$h.'" />';
}


add_action('admin_head', 'youtube_css');
function youtube_css() {
	echo'
	<style type="text/css">
		.link_header{margin:0px 5px 0px 0px;}
		.link_header input{
			font-size:13px;
			color:#666;
			border:solid 1px #ccc;
			-moz-border-radius:3px;
			padding:2px;
			margin:0px 10px 0px 0px;
			width:100%;
			}
		.yt-clear{clear:both;}
		.yt-id{color:#ff0000;font-weight:bold;}
		.yt-thumb{
			float:left;
			margin:6px 6px 0px 0px;
			border:solid 1px #ccc;
			}
	</style>
	';
}

<? 
        echo youtube_thumb('480','360','0'); 
?>

Notar: Si es la primera vez que agrega fragmentos en WordPress, consulte nuestra guía sobre cómo copiar / pegar fragmentos correctamente en WordPress, para que no rompa accidentalmente su sitio.

Si le gustó este fragmento de código, consulte nuestras otras publicaciones en el sitio, tales como: 62 mejores temas de blogs gratuitos de WordPress o 7 mejores complementos de formularios de contacto de WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba