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

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

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

phpmyadmin-sql

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

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

diary

2月10日:パーマリンク

Sugarinessの記事を更新した。 Xbox OneのワイヤレスコントローラーをPCゲーム用に買ったけどまったくワイヤレスな使い方してない件 買ってから1年半くらい経過して開封記事。開封自体は購入 …

パーマリンク設定

サブドメインを設定するためにしたこと2「パーマリンク設定(日付と投稿名を出す)」

今回はブログのパーマリンク設定についての記事です。かねてからサイトURLを変更したいなあとばかり思っていました。 いままで「http://ka-log.net/index.php/2014/03/うん …

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

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

diary

9月18日:wordpressのメディアカテゴリー作った

結構前だけどSugarinessにいれたWordPressプラグインMedia Library Assistant。 これを使えば今までにアップロードしていた画像をカテゴリ分けして管理することができて …

Facebookページ