ニコニコ大百科モバイル

7/2(月)よりスマホまたはPCでアクセスした場合、各デバイス向けのサイトへ自動で転送致します


Template:動画記事ナビゲーションテンプレート


ヨミ: テンプレートドウガキジナビゲーションテンプレート
掲示板をミル!
10カキコ!

動画記事ナビゲーションテンプレートプロジェクト


このページは「動画記事ナビゲーションテンプレートプロジェクト」についての解説ページです。

動画記事同士を結ぶ前後リンクテンプレートの基本形、およびカスタマイズ情報を記載しています。


概要


ニコニコ大百科にはいくつか記事の種類があります。その中でも「動画記事」は各動画に一つページが割り当てられていて、動画の再生数やマイリスト数の推移がグラフで表示される等の特徴がある便利なページです。

そんなわけで動画記事がもっと発展するといいな~と思うのですが、単を書き込むだけで自動でリンクられる単語記事べて、動画記事は記事どうしの横の繋がりが薄くなりがち。だから、いまいち移動しづらい!

そこで、こんなテンプレートを作ってみました。用途は「シリーズ物の動画動画記事を順番に繋ぐこと」。「ファミコン全ソフトカタログ」さんの前後リンクを元にフッター等をつけました。今はVOCALOID投稿作品に使われていますが、歌ってみたや、ゲームプレイ動画ランキング動画などシリーズ物の動画なら幅広く応用できると思います。

変していろんな記事に使うべし!


注意


このテンプレートはあくまでも一つのアイデア、提案です。これに従う必要はありませんし、他人に強要すべきものでもありません。

「あ、いいかも。」と思った人が真似をしやすいように、見本として置いておきますね。ということだと思ってください。


このページへのリンク


テンプレートにこのページへのリンクを付けるかどうかは編集者の任意です。フッターの「動画記事ナビ」という部分辺りにでも、このページへのリンクを付けておくと、他の人があなたと同じように動画記事を編集したいな、と思ったときの手助けになるかもしれません。(デフォルトソースコードではリンクされるようになっています。)


テンプレート



表示見本


このような感じで表示されます。

by PENGUINS PROJECT - 動画記事ナビ
思春期ボーカロイド ← → 忘れないで

■nm3673000[ニコ動]

■nm4028248[ニコ動]

作成支援サービスを使ってテンプレートを作成する


作成支援Webサービス動画記事ナビ作成[外部]』を使うと、欄に動画IDや色コードを入するだけで簡単にカスタマイズしたソースを作成することができて便利です。→『動画記事ナビ作成[外部]
上記サイト現在リンク切れしているため、こちらを使ってください。→『動画記事ナビ作成 | Nicopedian[外部]

生成されたコードコピーして、編集するときHTMLエディタOFFにして貼り付けます。


ソースコード


作成支援サービスを使わず、自テンプレートを編集することもできます。ちょっと書き換えるだけなのでにでもできます。HTMLCSSの知識があればより細かな設定ができるかもしれません。

次のコードコピーして、編集するときHTMLエディタOFFにして貼り付けます。

文字の部分的の動画に合わせて書き換えて投稿してください。

<table style="text-align: center; width: 100%;" border="0">
<tfoot>
<tr>
<td colspan="2" style="background-color: #cab29a; color: #71273d; font-size: 0.6em; text-align: center;">by [動画投稿者名など] - <a href="https://dic.nicovideo.jp/a/template%3A%E5%8B%95%E7%94%BB%E8%A8%98%E4%BA%8B%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88">動画記事ナビ</a></td>
</tr>
</tfoot>

<tbody>
<tr>
<th style="width: 50%; background-color: #71273d; color: #ede7cf;"><a href="https://dic.nicovideo.jp/v/sm****(前の動画ID">[前の動画タイトル]</a> ←</th>

<th style="width: 50%; background-color: #71273d; color: #ede7cf;">→ <a href="https://dic.nicovideo.jp/v/sm****(後の動画ID">[後の動画タイトル]</a></th>
</tr>

<tr>
<td style="background-color: #ede7cf;"><iframe class="nicovideo" frameborder="0" height="176" scrolling="no" src="https://ext.nicovideo.jp/thumb/sm****(前の動画ID" width="312" style="border: solid 1px #CCC;"></iframe></td>

<td style="background-color: #ede7cf;"><iframe class="nicovideo" frameborder="0" height="176" scrolling="no" src="https://ext.nicovideo.jp/thumb/sm****(後の動画ID" width="312" style="border: solid 1px #CCC;"></iframe></td>
</tr>
</tbody>
</table>

カスタマイズ

投稿者に合わせて、あるいはその記事の動画の雰囲気に合わせて…。テンプレートデザインを変えるのもいいかもしれません。

色を変える
枠線を消す
この記事のURLの簡略化

使用例


たとえばこんな記事で使えるよ、という一例です。


関連項目



関連リンク



最終更新日: 15/08/29 22:28
タグ検索 パソコン版を見る


[0]TOP
ニコニコ動画モバイル
運営元:ドワンゴ