アカベコマイリ

HEAR NOTHING SEE NOTHING SAY NOTHING

WordPress 用ニコニコ動画貼り付けプラグイン

2018/11/27
ブログの GatsbyJS 移行にともない WordPress プラグインは動作しなくなりました。そのため本記事に貼り付けていたブログ パーツはコード ブロックに変更しています。

前にニコニコ動画の貼り付けという記事を書いたのだけど、この時に作成したプラグインは使いにくいと感じていた。

WordPress のショートコード API囲み型自己完結型に大別される。前に作成したプラグインは自己完結型なのだけど、この方式だとパラメータを パラメータ名="値" としなければならない。これはニコニコ動画のように単純な ID (sm****** 形式) だけ指定したい場合に面倒だ。

そこでプラグインを単純な囲み型として作り直すことにした。WordPress プラグインと PHP 学習を兼ねて設計も以下のように変更してみた。

  • テンプレート (HTML/CSS) による表示カスタマイズに対応
  • 管理画面によるプラグイン設定の読み書きに対応
  • PHP のクラス機能を使用してみる

また、前の記事は Google 検索からの流入がそれなりにあるようなのでプラグインを公開。

ソフトウェア公開用の特設ページを設けた。過去記事のサンプル コードなども、こちらからダウンロードできるようにする予定。ブログ上段にメニューを増設する。ちなみに WP-Nicodo を使用すると以下のようになる。

ニコニコ動画のブログパーツはピクセル指定に依存しているので、Firefox などではレイアウトが崩れる可能性がある。そのためプラグイン標準のテンプレートでは見た目を似せながらこの問題に対処してみた。成功しているようには見えないけれど。

標準 (ブログパーツ)

[nicodo display="default"]sm1378712[/nicodo]

テンプレート

[nicodo display="template"]sm1378712[/nicodo]

動画はインテル入ってるといった感じの超人ドラマーによる人力ドラムンベース的な演奏。演奏はもとより、ブレイクビーツやハイハットの入れ方のセンスが秀逸で、音楽としてすばらしい。