Come aggiungere un'immagine in evidenza da un video di YouTube in WordPress

Vuoi aggiungere un'immagine in evidenza dal tuo video di YouTube? Il nostro snippet di codice aggiunge una metabox ai tuoi post in cui puoi aggiungere un ID video di YouTube per visualizzare una miniatura.

Istruzioni:

Per visualizzare una miniatura di YouTube come immagine in evidenza, aggiungi questo snippet di codice al file functions.php del tuo tema o in un plugin specifico per il sito:

Sentiti libero di cambiare questa riga: youtube_thumb(‘480′,’360′,’0’)

I valori nella funzione sono larghezza, altezza, screenshot. Lo 0 è l'anteprima dell'immagine per impostazione predefinita, 0 dovrebbe essere il primo fotogramma, ma anche 1, 2, 3, ecc. potrebbero funzionare per il video con immagini di anteprima durante tutta la 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="http://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="http://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'); 
?>

Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la possibilità di consultare i nostri altri articoli sul sito come: 62 migliori temi gratuiti per blog WordPress o 7 migliori plugin per moduli di contatto WordPress.