HTML Twitter上一条推文

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML Twitter上一条推文相关的知识,希望对你有一定的参考价值。

<h2>Recent Tweets</h2>
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/NAME.json?callback=twitterCallback2&count=1"></script>

如何将每条推文分成不同的引导卡

【中文标题】如何将每条推文分成不同的引导卡【英文标题】:How to seperate each tweet into different bootstrap cards 【发布时间】:2020-05-02 13:08:09 【问题描述】:

我正在尝试在引导行/列格式内的网站上显示最新的“n”条推文。目前,我的代码显示了最新的“n”条推文,但它们都是垂直格式。

<a class="twitter-timeline"
      href="https://twitter.com/twitter"
      data-tweet-limit="10">
Tweets by @twitter</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

所以基本上我正在寻找一种方法来设置这些推文的样式,方法是将每条推文放在一个列中。 所以像这样的

<div class="row>
<?php 
foreach($tweets as $tweet)
  echo '<div class="col">
         <div class="card">
          <div class="card-body">
           //The embedded code to display the tweet
          </div>
         </div>
        </div>';

简而言之:我正在尝试以引导行和列格式在嵌入式视图中显示最新的“n”条推文。

【问题讨论】:

【参考方案1】:
<?php foreach($tweets as $tweet): ?>
  <div class="col">
    <div class="card">
      <div class="card-body">
         <?= $tweet; ?> <!-- Assuming $tweet is a string -->
      </div>
    </div>
  </div>
<?php endforeach; ?>

以上,我使用的是alternative syntax for control structures。

另外,&lt;?=&lt;?php echo 的语法糖

【讨论】:

php 不会有 OP 使用 js 小部件的推文 在这种情况下,这应该是一个 JavaScript 问题。应删除 PHP 代码/标签。

以上是关于HTML Twitter上一条推文的主要内容,如果未能解决你的问题,请参考以下文章

显示上一条推文

twitter4j.Status 是不是在每条推文上返回地理位置

设置 Twitter API,获取最后几条推文

如何将每条推文分成不同的引导卡

如何使用 node.js 在 express.js 上使用 twitter api 显示最后 20 条推文?

如何使用Twitter搜索API获取具有给定主题标签的所有推文?