So fügen Sie einem YouTube-Video in WordPress () ein vorgestelltes Bild hinzu

Hi, ich bin Sven und heute bringe ich dir dieses neue Tutorial.

Möchten Sie Ihrem YouTube-Video ein vorgestelltes Bild hinzufügen? Unser Code-Snippet fügt Ihren Beiträgen eine Metabox hinzu, in der Sie eine YouTube-Video-ID hinzufügen können, um ein Miniaturbild anzuzeigen.

Anleitung:

Um ein YouTube-Thumbnail als vorgestelltes Bild anzuzeigen, fügen Sie dieses Code-Snippet der Datei functions.php Ihres Themes oder einem Site-spezifischen Plugin hinzu:

Fühlen Sie sich frei, diese Zeile zu ändern: youtube_thumb (‚480 ′,‘ 360 ′, ‚0‘)

Die Werte der Funktion sind wie folgt: Breite, Höhe, Screenshot. 0 ist die Standard-Bildvorschau 0 sollte der erste Frame sein, aber 1,2,3 usw. sie können auch für Videos mit Miniaturbildern über den gesamten Clip hinweg funktionieren.


	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_headermargin: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-clearclear:both;
		.yt-idcolor:#ff0000;font-weight:bold;
		.yt-thumb
			float:left;
			margin:6px 6px 0px 0px;
			border:solid 1px #ccc;
			
	</style>
	';


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

Berücksichtigen: Wenn Sie zum ersten Mal Code-Snippets in WordPress hinzufügen, lesen Sie unsere Anleitung zum richtigen Kopieren/Einfügen von Code-Snippets in WordPress, damit Sie Ihre Website nicht versehentlich beschädigen.

Hier verabschiede ich mich.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.