埋め込みツイートを主にこのブログでは用いているが、
ツイッターカード ※下の例では朝日新聞(asahi shimbun)東京五輪エンブレム使用中止〜 の部分
が冗長にみえる場合がある。




そんなときは
Twitter Developpersの Embedded Tweets

A Tweet may include a link to a Twitter-hosted photo, Vine video, or other content supporting a Twitter Card preview. Twitter may replace a link with a more visual experience including inline photo display, an inline video player, or a link preview displayed alongside the Tweet.

Set an oEmbed query parameter of hide_media=true or add a data-cards="hidden" attribute to the resulting <blockquote> element to prevent expanded content display.


とあるのでHTMLコードのblockquoteに以下の属性を追加する。

<blockquote class="twitter-tweet" data-cards="hidden">
 <a href="http://twitter.com/asahi" target="_blank">
  <span class="avatar">
   <img src="http://pbs.twimg.com/profile_images/266385410/aicon_normal.png">
  </span>
  <span class="fn">朝日新聞(asahi shimbun)</span>
  <span class="nickname">@asahi</span>
 </a>
 <p>五輪エンブレム取り下げ、組織委方針 佐野氏デザイン
  <a href="http://t.co/NTZpZYN4VQ" target="_blank">http://t.co/NTZpZYN4VQ</a>
 </p>
 <a href="http://twitter.com/asahi/status/638565476335927297" target="_blank">
  2015/09/01 13:14:08
 </a>
</blockquote>


こうすると


こうなる。引用記事が表示されなくなる。


スポンサーリンク