youtube動画をwordpressでカスタムフィールド化する

youtubeの埋め込みコードをコピペするだけではおもしろくない

wordpressでyoutube動画を利用する方法を考えてみた。

youtubeには各動画で[埋め込みコードをコピー]という機能が備わっているので、iframeコードをコピーしてwordpressで張り付ければ動画が表示される。表示して閲覧してくれる人に見せるだけならこの方法で問題ない。が、この方法だと動画をデータとして扱うことができなくなる。

動画をデータとして扱う

動画をデータとして扱うとは、表示するだけでなく、個々の動画をカテゴリー単位で取得・表示したり、投稿した日時順にまとめて表示したりすることを考えている。iframeコードをコピペし続けると表示することはできてもデータとしては利用できない。

データとしてyoutube動画を利用するにはどうしたらよいか?wordpressにはそのための機能が備わっている。

カスタムフィールド機能でyoutubeをデータ化

カスタムフィールドがその機能になる。カスタムフィールドとして名前に動画のタイトル、値にiframeのコードを入力して登録すればwordpressはカスタムフィールドとしてデータとして見なしてくれるようになる。表示する際にはテーマの編集が必要になるが、以下のURLを参考にテーマ編集をやってみた。

http://wpdocs.sourceforge.jp/Using_Custom_Fields

やることは、

<?php the_meta(); ?>

表示したい場所に追記するということになる。今回は、テーマファイルのcontent.phpの以下の場所に追記してみた。

<div class="entry-content">
    <?php the_meta(); ?>
    <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>

上のように追記すると個別記事の先頭に動画が表示されるようになる。

Webエンジニアブログにコメント

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

youtube動画をwordpressでカスタムフィールド化するの記事にコメントを投稿