差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
| html_css:embed_twitter_tweets_responsive [2023/04/06 06:16] – [Twitter Publish が生成する基本的なコード] ともやん | html_css:embed_twitter_tweets_responsive [2024/01/05 14:14] (現在) – [Twitter の埋め込み方法] ともやん | ||
|---|---|---|---|
| 行 14: | 行 14: | ||
| ===== Twitter の埋め込み方法 ===== | ===== Twitter の埋め込み方法 ===== | ||
| + | DokuWiki では Wrap プラグインを利用して以下のように書くことができる🤔\\ | ||
| + | <WRAP color_term> | ||
| + | <WRAP color_mincode>< | ||
| < | < | ||
| <script async src=" | <script async src=" | ||
| 行 24: | 行 27: | ||
| </ | </ | ||
| - | <WRAP color_mincode>< | ||
| <WRAP twitter-tweet-scroll>< | <WRAP twitter-tweet-scroll>< | ||
| - | < | + | < |
| <p lang=" | <p lang=" | ||
| YouTubeのレスポンシブは簡単でしたけど、Twitterのレスポンシブも上手く処理できるかなぁ🤔 | YouTubeのレスポンシブは簡単でしたけど、Twitterのレスポンシブも上手く処理できるかなぁ🤔 | ||
| 行 32: | 行 34: | ||
| <a href=" | <a href=" | ||
| </ | </ | ||
| - | <a href=" | + | <a href=" |
| February 10, 2022 | February 10, 2022 | ||
| </a> | </a> | ||
| 行 39: | 行 41: | ||
| </ | </ | ||
| </ | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | <script async src=" | ||
| + | < | ||
| + | div.wrap_twitter-tweet-scroll { | ||
| + | width: 600px !important; / | ||
| + | height: 500px !important; | ||
| + | } | ||
| + | </ | ||
| + | </ | ||
| <WRAP twitter-tweet-scroll>< | <WRAP twitter-tweet-scroll>< | ||
| - | < | + | < |
| <p lang=" | <p lang=" | ||
| YouTubeのレスポンシブは簡単でしたけど、Twitterのレスポンシブも上手く処理できるかなぁ🤔 | YouTubeのレスポンシブは簡単でしたけど、Twitterのレスポンシブも上手く処理できるかなぁ🤔 | ||
| 行 47: | 行 60: | ||
| <a href=" | <a href=" | ||
| </ | </ | ||
| - | <a href=" | + | <a href=" |
| February 10, 2022 | February 10, 2022 | ||
| </a> | </a> | ||
