WordPress

[WordPress]記事にニコニコ動画の動画を埋め込む方法 #niconico

投稿日:2014年4月3日 更新日:

WordPressでニコニコ動画を埋め込む

こんにちは、かー(@ykakey)です。今回はWordPressで記事中にニコニコ動画の動画を紹介したい時にどうすれば良いのか調べてみました。すると参考になる記事がありましたのでシェアします!

参考にさせていたのは、@UKLab氏のブログ、「WordPressでYoutube動画やニコニコ動画を簡単に埋め込む」です。ありがとうございます。

Youtubeの動画埋め込みはWordPressの場合、URLをエディタにコピペするだけで動画の埋め込みがされるので、ニコニコ動画のみ埋込されるように改変させていただきました。

functions.phpに追記する

//----------------------------------------------------
// ニコ動、その他のタグ生成
//----------------------------------------------------
function get_video_tag($video_option , $video = null)
{
// 変数初期化
$width = null;
$height = null;
$video_tag = null;
$res = array();
// URLの値がある場合のみ実行する
if(!empty($video))
{
// オプションのデフォルト値の設定
extract(shortcode_atts(array(
'width' => 682,
'height' => 384,
), $video_option));

$nico_pattern = '/watch\/(sm[\d]*)/'; // ニコ動URLの正規表現パターン

// ニコ動の場合の処理
if(preg_match($nico_pattern, $video,$res))
{
// 動画情報取得(XML形式でかえってくる)
$video_info = simplexml_load_file('http://ext.nicovideo.jp/api/getthumbinfo/'.$res[1]);
$title = $video_info->thumb->title;
$video_tag = '<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/'.$res[1].'?w='.$width.'&amp;h='.$height.'"></script>

<noscript><a href="http://www.nicovideo.jp/watch/'.$res[1].'">'.$title.'</a></noscript>';
}
// それ以外の場合(とりあえずiframeで呼び出してみる)
else
{
$video_tag = '<iframe src="'.$video.'" width="320" height="240" frameborder="0" allowfullscreen="allowfullscreen"></iframe>';
}

// タグを返して終了
return $video_tag;
}
// URLの値がない場合NULLを返して終了
else
{
return null;
}
}
// ショートコード「video」を追加する
add_shortcode('video', 'get_video_tag');
[外観]→[テーマ編集]

functions-1_13382878255_o

テーマのための関数「functions.php」を開く。

functions-2_13383233204_o

紹介させていただいたサイト(WordPressでYoutube動画やニコニコ動画を簡単に埋め込む)にアクセスしてコードをコピーします。

functions-3_13383233164_o

それを開いたfunctions.phpにペーストする。そして更新。

functions-4_13382878175_o

実際にニコニコ動画の動画を埋め込んでみる

ニコニコ動画の動画を埋め込むには

functions-5_13383024353_o

の間に動画のURLを差し込むだけ

です。ただsmと頭に付いている動画しか埋め込むことができないので気をつけてください。

 

▼ 実際に埋め込むとこんな感じ

functions-6_13382877965_o

おわりに

icon1

一度functions.phpの編集、保存をすれば[movie][/movie]のタグで囲めばいつでも好きな時に使うことができます!これで色々と捗りそうです( ◜◡◝ )

@UKLabさんに感謝!

-WordPress
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

phpmyadmin-sql

サブドメインを設定するためにしたこと3「phpMyAdminでSQL文を使ってURLの差し替え」

こんにちは、かー(@ykakey)です。今回はブログのリンクをphpMyAdminでSQL文を使ってリンク切れURLの差し替えを行いました。その過程をお伝えします。 リンク切れによって画像が表示されな …

diary

2月9日:肉の日

さのさんがSugarinessにプラグイン入れたよ〜って言われてka-logでもつかってみることにした。 下のようなボタンを作れる。ボタンのスタイルは複数あり使い分けることができそう。 Shortco …

[WordPress]記事にYoutube動画を埋め込むにはURLを記事内にコピペするだけでOK

こんにてゃ、かー(@ykakey)です。 タイトルの通りの内容担っています。純粋にWordPressでYoutube動画を紹介するためにはどうすれば良いのかを調べましたのでシェアします。 ▼ Yout …

diary

3月11日:Yahoo JAPANで「3.11」検索して10円寄付した

Yahoo JAPANで「3.11」と検索すると10円寄付できる 3.11、検索は応援になる。 Yahoo! JAPANで「3.11」というキーワードで検索された方おひとりにつき10円が、東北復興にた …

xampp-localhost-develop

XAMPPをローカル開発環境に構築する

最近、自分のブログのためにWordPressのテーマ作成をしている(進んでいるとは言っていない)のですが、毎回借りているサーバーにアップロードして具合を確かめる方法はやんなっちゃいます。 というわけで …

Facebookページ