ABCP-weblog

2009年12月11日 | Category: Web | タグ: ニコニコ

アカベコさん作の、ニコニコ動画をWordPressに埋め込むプラグインWP-Nicodo 1.1がバージョンアップしましたので、早速入れてみました。

今回のバージョンでは、外部プレーヤーでの再生に対応したり、tableレイアウトからdivレイアウトに変更になったりと、結構大きく変更されています。ドキュメントが丁寧に書かれているので、インストールも簡単。

サンプルは、行進できないトルコ行進曲↓

ニコニコ動画 video

再生 : 22,496 コメント : 619 マイリスト : 334

3:00

2009/10/13 09:10 投稿
緩急をつけたトルコ行進曲
なんだか既視感のあるネタですが。■　自分の他の動画→mylist/3523926　最新作（10/13）：sm8497403とこれ

1,2,3,4,1,2,1,2,3,4, ソフラン 上手いからこそ許され ｗｗｗｗｗｗｗｗｗｗ

• 演奏してみた
• トルコ行進曲
• リズム感覚破壊動画
• トルコ軍壊滅に定評のあるうp主
• 意地でも普通に弾かないうp主
• うまちわるい人
• mos4116
• 行進不可
• メトロノーム涙目
• 酩酊動画

オリジナルのテンプレートを、少々いじりました。動画のタグを表示するようにし、CSSを調整しました。

<div class="nicodo">
	<div class="nicotitle">
		<a href="http://www.nicovideo.jp/" target="_blank">ニコニコ動画</a> [thumb_type]
	</div>
	<div class="nicoinfo">
		再生 : <strong>[view_counter]</strong> コメント : <strong>[comment_num]</strong> マイリスト : <strong>[mylist_counter]</strong>
	</div>
	<div class="nicothumb">
		<img src="[thumbnail_url]" /><br />
		<strong>[length]</strong>
	</div>
	<div class="nicodetail">
		<strong>[first_retrieve]</strong> 投稿<br />
		<strong><a href="[watch_url]" target="blank">[title]</a></strong><br />
		[description]
	</div>
	<div class="nicomment">
		<div class="res">[last_res_body]</div>
	</div>
	<ul class="nicotag">
		[tags/]<li><a href="http://www.nicovideo.jp/tag/[value]" target="_blank">[value]</a></li>[/tags]
	</ul>
</div>

.nicodo                     { line-height:140%; border:solid 1px #888888; color:#222222; background-color:#ffffff; background-image:url( "../../plugins/wp-nicodo/images/back.gif" ); background-position:bottom; background-repeat:repeat-x; font-size:12px; width: 483px; margin-bottom:1em; }
.nicodo .nicotitle          { background:#222222; color:#ffffff; border-bottom:solid 1px #cccccc; padding:0px 4px; text-align:left; line-height:180%; }
.nicodo .nicotitle a        { color:#ffffff; text-decoration:none; }
.nicodo .nicotitle a:hover  { text-decoration:none; }
.nicodo .nicoinfo           { padding:4px 8px 0px 8px; }
.nicodo .nicothumb          { padding:2px 8px 8px 8px; float:left; }
.nicodo .nicodetail         { padding:2px 8px 8px 8px; margin-left:90px; word-break:break-all; }
.nicodo .nicodetail a       { color:#2970A6; text-decoration:none; }
.nicodo .nicodetail a:hover { text-decoration:underline; }
.nicodo .nicothumb img      { width:80px; height:60px; border:solid 2px #333; }
.nicodo .nicomment          { padding:2px 8px 8px 8px; clear:both; }
.nicodo .nicomment .res     { font-weight:bold; background-color:#ffffff; border:solid 2px #888888; padding:8px;  }

.nicodo ul.nicotag          { border:solid 2px #888888; margin: 2px 8px 8px 8px; padding:8px; list-style-type: none;}
.nicodo ul.nicotag li       { display: inline; margin: 0 1em 0 0; padding: 0;}