この記事は2年以上前に書かれた記事です。現状にそぐわないかもなのでご注意を。

YouTube動画へのリンクをサムネイル画像付きで埋め込むショートコード

そんな仕様が求められる場合もあると思うんですよ。

はい、困った時のショートコードー。
今回はYouTubeサムネイルリンク埋め込み版です。

サムネイル画像はytimg.comから取得。
サイズ処理はHTMLタグ側で無理やり、です。
CSSによってはうまく調整できないので style属性にでも書き換えましょう。

functions

function youtube($atts) {
extract(shortcode_atts(array(
"value" => '',
"width" => '480',
"height" => '360',
"title" => ''
), $atts));
return '<div class="ytthum"><a href="http://www.youtube.com/watch?v='.$value.'"><img src="http://i.ytimg.com/vi/'.$value.'/0.jpg" width="'.$width.'" height="'.$height.'" alt="'.$title.'" /></a><br />'.$title.'</div>';
}
add_shortcode("youtube", "youtube");

Shortcord

[youtube value="Qg2gzi7F4jU"]

Sample

動画を再生

参考にさせていただきました

WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips

スポンサーリンク