html_css:embed_twitter_tweets_responsive

目次

Twitter のツイートを埋め込みする方法

Twitter Publish
Twitter Publish 001

Twitter Publish が生成する基本的なコード

Twitter の埋め込み方法

DokuWiki では Wrap プラグインを利用して以下のように書くことができる🤔

<html>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  <style>
    div.wrap_twitter-tweet-scroll {
      width: 600px !important; /*fit-contents;*/
      height: 500px !important;
    }
  </style>
</html>
 
<WRAP twitter-tweet-scroll><html>
<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja" data-theme="dark">
  <p lang="ja" dir="ltr">
    YouTubeのレスポンシブは簡単でしたけど、Twitterのレスポンシブも上手く処理できるかなぁ🤔
    <a href="https://t.co/SJLKQlIkfm">https://t.co/SJLKQlIkfm</a>
    <a href="https://t.co/xViO4kR8wT">pic.twitter.com/xViO4kR8wT</a>
  </p>&mdash; 🍛𝕿𝖔𝖒𝖔𝖞𝖆𝖓𝟝𝟡𝟞🍛 🐍🏕♨️ (@tomoyan596)
  <a href="https://twitter.com/tomoyan596sp/status/1491924322528595968?ref_src=twsrc%5Etfw">
    February 10, 2022
  </a>
</blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html></WRAP>

  • html_css/embed_twitter_tweets_responsive.txt
  • 最終更新: 2024/01/05 14:14
  • by ともやん