ニコニコ大百科:Twitter引用では、ニコニコ大百科HTMLエディタに搭載されているTwitter引用機能について解説する。
ツイートを読み込み中です
https://twitter.com/nico_nico_pedia/status/1001360077758976001
2018年5月29日から実装されたHTMLエディタの追加機能。Twitter上のあらゆるツイートを、このニコニコ大百科に掲載することができる。この機能が追加されたことにより、脚注掲載や直接リンクによる掲載の手間が省け、編集効率が格段に向上した。
HTML視点からの説明としては、引用文であることを示す<blockquote>要素が使われている。また、分類名に"twitter-tweet tweetblock"が使われている。例として上記ツイート引用のHTMLを見てみると、
<blockquote class="twitter-tweet tweetblock">https://twitter.com/nico_nico_pedia/status/1001360077758976001</blockquote>
となる。
「2018年5月29日発信のニコニコインフォ」にて、Twitter引用の使い方が画像付きで説明されているので、こちらも合わせて参照のこと。
先程の<blockquote>要素を以下のように囲むと良い。
<table style="border: 0; width: 100%;">
<tbody>
<tr>
<td style="border: 0; padding: 0; width: 100%; max-width: 360px; float: left;">
<blockquote>
</td>
<td style="border: 0; padding: 0; width: 100%; max-width: 360px; float: left;">
<blockquote>
</td>
</tr>
</tbody>
</table>
ツイートを読み込み中です↓例②(YouTube動画の場合)
https://twitter.com/eventnico/status/1107923585551618049
ツイートを読み込み中です
https://twitter.com/_TOMOSUKE_/status/981175695396151297
ツイートを読み込み中ですそのため、リプライツイートだけ引用することはできない。
https://twitter.com/nico_nico_pedia/status/1055278866250391552
引用ツイートの表示を指定する方法が存在しており、ツイートURLの末尾に
などといったダミーパラメータを付与することで指定できる。このうち
theme:
」の後が「dark
」だと暗く、「light
」なら明るく表示され、空欄であれば通常通りcards:
」の後が空欄だと通常通り画像や動画が展開されるが、「hidden
」なら展開されないconversation:
」の後が「none
」だとリプライ元ツイートが表示されず、空欄だと通常通り表示されるとなっている。
この機能を利用して、上記「デメリット」節にある引用ツイートを「暗く」「画像・動画を展開せず」「リプライ元ツイートを表示しない」という指定(URL末尾に「?style=theme:dark;cards:hidden;conversation:none;
」と付加)で表示させてみたのが以下。「デメリット」節にある表示と見比べてみよう。
ツイートを読み込み中です
https://twitter.com/nico_nico_pedia/status/1055278866250391552
ちなみに、例えば「リプライ元ツイート非表示だけ行いたい。明るさや画像・動画の展開については変更しなくてよい」という場合でも「?style=conversation:none;
」などと「theme:
」や「cards:
」指定部分を除外した書き方では機能しないことに注意。その場合「?style=theme:;cards:;conversation:none;
」と、「theme:
」や「cards:
」は空欄にしつつも残しておく必要がある。
上記の方法は、ニコニコ大百科の運営・開発担当者である「はくはく」氏のTwitterにて2020年10月6日に非公式的に言及され、
ツイートを読み込み中です
https://twitter.com/haku2/status/1313389557706964993
ツイートを読み込み中です
https://twitter.com/haku2/status/1313390185829167106
ツイートを読み込み中です
https://twitter.com/haku2/status/1313390284433022976
その後2020年10月30日に、「ニコニコ大百科ブロマガ(仮)」にて公式に報告された。
編集者向けページ |
|
---|---|
マニュアル | 記事の編集方法 - HTMLタグ一覧 - HTMLエディタヘルプ - スマホエディタヘルプ - ピコカキコヘルプ - お絵カキコヘルプ - パンくずリスト - パンくずリストのガイドライン |
マナー | 編集時のマナー - 編集合戦 - 編集競合 - 楽しく過ごすために |
素材 | 素材集 - 素材集2 - ニコニコテレビ君 - キャラアイコン - ドットキャラ - 外字・特殊フォント |
テンプレ | お知らせ表示 - ユーザーボックス - テンプレートボックス - 作品テンプレート - HTMLテンプレート集 - Twitter引用 |
カラー | HTMLカラーコード - CSSでの色指定 |
仕様 | 仕様 - デフォルトCSS - 自動リンク - ページ番号 - リビジョン番号 - 初版作成日 - 最終更新日 - 編集履歴 |
依頼 | 一般会員依頼スレ - 記事作成依頼 - 記事加筆依頼 - 要編集記事 - 未作成タグ - 話題の単語 |
公式企画 | 百チャレ - 大百科グランプリ |
ヘルプ | よくある質問 - エラー・不具合情報 |
編集者 | 編集者一覧 - ★ - ∞ - ♢ |
その他 | 今週のオススメ記事 - おすすめトレンド - 急上昇ワード改 |
r20231215 | ve
▶もっと見る
掲示板
7 ななしのよっしん
2023/07/07(金) 18:29:07 ID: GiqnMIS7XH
TOPにあるニコ百の公式ツイートが「通知はまだ届いていません」って出て表示されない
8 ななしのよっしん
2023/07/07(金) 20:46:22 ID: xO82wMWq3K
それはTwitter側の仕様のせいですね。
指定した、ひとつのアカウントしか表示しないTLって感じなので
今話題のAPI…のに巻き込まれてる形で他のサイトとかでも同じ用にエラー出てます。
記事内に埋め込むTwitter引用は、ツイート単体を表示しているのでこの騒動の影響は受けませんので安心してください。
9 ななしのよっしん
2023/07/24(月) 21:09:45 ID: V2bZ/R/XBT
急上昇ワード改
最終更新:2024/04/25(木) 17:00
最終更新:2024/04/25(木) 17:00
ウォッチリストに追加しました!
すでにウォッチリストに
入っています。
追加に失敗しました。
ほめた!
ほめるを取消しました。
ほめるに失敗しました。
ほめるの取消しに失敗しました。