X（旧Twitter）タイムライン／ポスト埋め込みプラグイン

項目	内容
カテゴリー	プラグイン：SNS埋め込み
公開日	2021年11月11日
バージョン	1.0.0

SEの良心・友の会

PukiWiki用X（旧Twitter）タイムライン／ポスト埋め込みプラグイン

https://salon.dajya-ranger.com/product/pukiwiki-plugin_twitter/

PukiWiki用X（旧Twitter）タイムライン／ポスト埋め込みプラグインです。本プラグインでは、Xの任意のユーザのタイムラインまたは任意のユーザの任意のポストを簡単に埋め込めます。また、アライメント（左寄せ・中央寄せ・右寄せ）指定で埋め込めるほか、表示テーマ（ライト・ダーク）指定と元ツイート非表示指定が可能です。

SEの良心BOOTH店 - BOOTH

PukiWiki用X（旧Twitter）タイムライン／ポスト埋め込みプラグイン - SEの良心BOOTH店 - BOOTH

https://dajya-ranger.booth.pm/items/4802218

本プラグインを利用することで、Twitterの任意のユーザのタイムラインまたは任意のユーザの任意のツイートを簡単にPukiWikiページに埋め込めます（ひとつのプラグインでタイムラインとツイートの両方に対応）。プラグインはブロック型とインライン型に対応しており、タイムライン及びツイートを任意の幅（タイムラインは幅を0に指定することにより100％表示が可能で、任意の高さを指定可能）とアライメント（左寄せ・中央寄せ・右寄せ）指定で埋め込めるほか、表示テーマ（ライト・ダーク）指定と元ツイート非表示指定が可能です。

概要

正式公開版です（PukiWiki1.5.3UTF-8版で動作確認済）
本プラグインを利用することで、X（旧Twitter）の~~任意のユーザのタイムラインまたは~~（2023年夏頃にTwitterからXにブランドとAPIが変更されてからタイムラインが埋め込めない不具合が発生している）任意のユーザの任意のツイートを簡単にPukiWikiページに埋め込めます（~~ひとつのプラグインでタイムラインとツイートの両方に対応~~）
プラグインはブロック型とインライン型に対応しており、~~タイムライン及び~~ツイートを任意の幅（~~タイムラインは幅を0に指定することにより100％表示が可能で、任意の高さを指定可能~~）とアライメント（左寄せ・中央寄せ・右寄せ）指定で埋め込めるほか、表示テーマ（ライト・ダーク）指定と元ツイート非表示指定が可能です
埋め込まれるタイムライン及びツイートはTwitter社が提供する仕様により、プラグインで指定した幅より親要素が小さくなる場合は、自動的にレスポンシブで表示されます（アライメント指定の場合もそれに準じて自動で表示が行われます）
本バージョンはオンラインサロン会員（PukiWiki開発基本会員以上）向けですが、オンラインストアでも販売しています
本アーカイブのライセンスはGPL v2（もしくは任意のv2以降のバージョン）で、ライセンスが定める諸条件の範囲において個人・法人内部で自由に利用・改変が可能ですが（改変・再配布はコピーレフト）、著作権者の不利益に該当するあらゆる行為はライセンスに関係なく禁止とします

更新履歴

2022/11/11 Ver1.0.0
- 高速化対応
- 正式公開（ライセンス変更）
2021/04/18 Ver0.1.0
- 暫定公開

twitterプラグイン書式

ブロック型

#twitter(タイムラインURL|[ユーザID（'@'除く）][,width=ピクセル指定][,height=ピクセル指定][,light|dark][,noconv][,left|center|right])

インライン型

&twitter(タイムラインURL|[ユーザID（'@'除く）][,width=ピクセル指定][,height=ピクセル指定][,light|dark][,noconv][,left|center|right]);

ツイート埋め込み

ブロック型ポスト埋め込み（幅width=400指定）

#twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,left, width=400,height=300)
#twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,noconv,center,dark, width=400,height=300)
#twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,noconv,right, width=400,height=300)

tweet

インライン型（番号付きリスト構造）ポスト埋め込み（幅width=400指定）

+ インライン要素でツイートURLのみ指定（オプション指定なし：中央寄せがデフォルト）&br;&twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542);
+ インライン要素で元ツイート非表示（noconv）指定＆表示テーマダーク（dark）指定＆左寄せ（left）指定&br;&twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,noconv,dark,left);
+ インライン要素で元ツイート非表示（noconv）指定＆右寄せ（right）指定&br;&twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,noconv,right);

インライン要素でツイートURLのみ指定（オプション指定なし：中央寄せがデフォルト）
tweet
インライン要素で元ツイート非表示（noconv）指定＆表示テーマダーク（dark）指定＆左寄せ（left）指定
tweet
インライン要素で元ツイート非表示（noconv）指定＆右寄せ（right）指定
tweet

インライン型（ソートテーブルインライン要素）ポスト埋め込み（幅width=400指定）

#sortable_table(|,head=#f0f0f0,odd=#ffffff,even=#f6f9fb,width=100,nowrap){{
|~プラグイン指定例|~ツイート|h
|LEFT:|LEFT:|c
|元ツイート非表示（noconvオプション）指定|表のテキストは左寄せ（デフォルト）だが、ツイートはプラグインデフォルトの中央寄せで表示される&br;&twitter(https://twitter.com/dajya_ranger_/status/1383489496470081542,noconv);|
}}

プラグイン指定例	ツイート
元ツイート非表示（noconvオプション）指定	表のテキストは左寄せ（デフォルト）だが、ツイートはプラグインデフォルトの中央寄せで表示される tweet

タイムライン埋め込み

ブロック型タイムライン埋め込み（幅width=400＆高さheight=300指定）

#twitter(dajya_ranger_,left, width=400,height=300)
#twitter(dajya_ranger_,center, dark, width=400,height=300)
#twitter(dajya_ranger_,right, width=400,height=300)

Tweets by dajya_ranger_

ブロック型タイムライン埋め込み（レスポンシブ指定：幅width=0＆高さheight=300指定）

#twitter(dajya_ranger_, width=0,height=300)

Tweets by dajya_ranger_

インライン型（番号付きリスト構造）タイムライン埋め込み（幅width=400＆高さheight=300指定）

+ インライン要素でツイートURLのみ指定（オプション指定なし：中央寄せがデフォルト）&br;&twitter(dajya_ranger_, width=400,height=300);
+ インライン要素で表示テーマダーク（dark）指定＆左寄せ（left）指定&br;&twitter(dajya_ranger_, width=400,height=300,dark,left);
+ インライン要素で右寄せ（right）指定&br;&twitter(dajya_ranger_, width=400,height=300,right);

インライン要素でツイートURLのみ指定（オプション指定なし：中央寄せがデフォルト）
Tweets by dajya_ranger_
インライン要素で表示テーマダーク（dark）指定＆左寄せ（left）指定
Tweets by dajya_ranger_
インライン要素で右寄せ（right）指定
Tweets by dajya_ranger_

インライン型（ソートテーブルインライン要素）タイムライン埋め込み（幅width=400＆高さheight=300指定）

#sortable_table(|,head=#f0f0f0,odd=#ffffff,even=#f6f9fb,width=100,nowrap){{
|~プラグイン指定例|~タイムライン|h
|LEFT:|LEFT:|c
|私設松本零士博物館（ユーザID：leiji_museum）指定|表のテキストは左寄せ（デフォルト）だが、タイムラインはプラグインデフォルトの中央寄せで表示される&br;&twitter(leiji_museum, width=400,height=300);|
}}

プラグイン指定例	タイムライン
私設松本零士博物館（ユーザID：leiji_museum）指定	表のテキストは左寄せ（デフォルト）だが、タイムラインはプラグインデフォルトの中央寄せで表示される Tweets by leiji_museum