ニコニコ大百科: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
▶もっと見る
掲示板
10 ななしのよっしん
2024/05/28(火) 20:11:54 ID: XJtHUc6Sb8
11 ななしのよっしん
2024/08/06(火) 19:15:35 ID: tjXE3Um73Y
URLの https:// を https://
に手動で書き換えないと埋め込みが表示されない仕様、2024年8月現在も残っているように見えるんだけど…サイト全体の動作がちょっと重いのでなんとも言えない
12 ななしのよっしん
2024/10/24(木) 18:25:31 ID: tjXE3Um73Y
やっと修正された
> > 対応完了 - 記事にXのポストを貼り付ける際、「x.com」を含むURLを貼り付けると正常に表示されない不具合
>> https://
急上昇ワード改
最終更新:2025/02/07(金) 11:00
最終更新:2025/02/07(金) 11:00
ウォッチリストに追加しました!
すでにウォッチリストに
入っています。
追加に失敗しました。
ほめた!
ほめるを取消しました。
ほめるに失敗しました。
ほめるの取消しに失敗しました。