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