Tweets Widget compatible with the new Twitter API 1.1

fossasia

Recent Tweet

Recent Tweet plugin for anonymous Loklak API and new Twitter API v1.1 with CACHE, so you won't be rate limited!

<p>Use anonymous Loklak API OR Connect your Twitter account to this plugin and the widget will display your latest tweets on your site.</p>
<p>This plugin is compatible with the new <strong>Twitter API 1.1</strong> and provides full <strong>OAuth</strong> authentication via the WordPress admin area.</p>
<h3>Shortcodes</h3>
<p>You can embed tweets in the body of your posts using a WordPress the shortcode <code>[tweets]</code>.</p>
<p>To specify a different user’s timeline add the <code>user</code> attribute.<br />
To override the default number of 5 tweets add the <code>max</code> attribute, e.g:</p>
<pre><code>[tweets max=10 user=KhoslaSopan]<h3>Theming</h3>
</code></pre>
<p>For starters you can alter some of the HTML using built-in WordPress features.<br />
See <a href="https://codex.wordpress.org/Plugin_API/Filter_Reference#Widgets" rel="nofollow ugc">Widget Filters</a><br />
and <a href="https://codex.wordpress.org/Widgetizing_Themes" rel="nofollow ugc">Widgetizing Themes</a></p>
<p><strong>CSS</strong></p>
<p>This plugin contains no default CSS. That’s deliberate, so you can style it how you want.</p>
<p>Tweets are rendered as a list which has various hooks you can use. Here’s a rough template:</p>
<pre><code>.tweets {
    /* style tweet list wrapper */
}
.tweets h3 {
    /* style whatever you did with the header */
}
.tweets ul { 
    /* style tweet list*/
}
.tweets li {
   /* style tweet item */
}
.tweets .tweet-text {
   /* style main tweet text */
}
.tweets .tweet-text a {
   /* style links, hashtags and mentions */
}
.tweets .tweet-text .emoji {
  /* style embedded emoji image in tweet */ 
}
.tweets .tweet-details {
  /* style datetime and link under tweet */
}
</code></pre>
<p><strong>Custom HTML</strong></p>
<p>If you want to override the default markup of the tweets, the following filters are also available:</p>
<ul>
<li>Add a header between the widget title and the tweets with <code>tweets_render_before</code></li>
<li>Perform your own rendering of the timestamp with <code>tweets_render_date</code></li>
<li>Render plain tweet text to your own HTML with <code>tweets_render_text</code></li>
<li>Render each composite tweet with <code>tweets_render_tweet</code></li>
<li>Override the unordered list for tweets with <code>tweets_render_list</code> </li>
<li>Add a footer before the end of the widget with <code>tweets_render_after</code></li>
</ul>
<p>Here’s an <strong>example</strong> of using some of the above in your theme’s functions.php file:</p>
<pre><code>add_filter('tweets_render_date', function( $created_at ){
    $date = DateTime::createFromFormat('D M d H:i:s O Y', $created_at );
    return $date->format('d M h:ia');
}, 10 , 1 );

add_filter('tweets_render_text', function( $text ){
    return $text; // <- will use default
}, 10 , 1 );

add_filter('tweets_render_tweet', function( $html, $date, $link, array $tweet ){
    $pic = $tweet['user']['profile_image_url_https'];
    return '<p class="my-tweet"><img src="'.$pic.'"/>'.$html.'</p><p class="my-date"><a href="'.$link.'">'.$date.'</a></p>';
}, 10, 4 );

add_filter('tweets_render_after', function(){
    return '<footer><a href="https://twitter.com/me">More from me</a></footer>';
}, 10, 0 );<h3>Caching</h3>
</code></pre>
<p>Responses from the Twitter API are cached for 5 minutes by default. This means your new Tweets will not appear on your site in real time.</p>
<p>This is deliberate not only for performance, but also to avoid Twitter’s strict rate limits of 15 requests every 15 minutes.</p>
<p>You can override the 300 second cache by using the <code>tweets_cache_seconds</code> filter in your theme as follows:</p>
<p>This would extend the cache to 1 minute, which is the lowest value you should consider using on a live site:</p>
<pre><code>add_filter('tweets_cache_seconds', function( $ttl ){
    return 60;
}, 10, 1 );
</code></pre>
<p>This would disable the cache (not recommended other than for debugging):</p>
<pre><code>add_filter('tweets_cache_seconds', function( $ttl ){
    return 0;
}, 10, 1 );<h3>Emoji</h3>
</code></pre>
<p>If you want to disable Emoji image replacement, you can filter the replacement callback function to something empty, e.g:</p>
<pre><code>add_filter('tweets_emoji_callback', function( $func ){
    return '';
} );
</code></pre>
<ul>
<li>
<p>or to strip Emoji characters from all tweets, return your own replacement function that returns something else, e.g:</p>
<p>add_filter(‘tweets_emoji_callback’, function( $func ){<br />
    return function( array $match ){<br />
        return ‘‘;<br />
    };<br />
} );</p>
<h3>Credits</h3>
<p>Screenshot taken with permission from http://stayingalivefoundation.org/blog</p>
</li>
<li>
<p>Portuguese translations by <a href="https://wordpress.org/support/profile/leandrodimitrio" rel="ugc">Leandro Dimitrio</a></p>
</li>
<li>German translations by <a href="https://twitter.com/FlorianFelsing" rel="nofollow ugc">Florian Felsing</a> and <a href="https://wordpress.org/support/profile/david_noh" rel="ugc">David Noh</a></li>
<li>Russian translations by <a href="https://twitter.com/YakovenkoAndrey" rel="nofollow ugc">Andrey Yakovenko</a></li>
<li>Dutch translations by <a href="https://twitter.com/dwichers" rel="nofollow ugc">Daniel Wichers</a></li>
<li>Spanish translations by <a href="http://minimizo.com" rel="nofollow ugc">Pedro Pica</a></li>
</ul>
<h3>Notes</h3>
<p>Be aware of <a href="https://dev.twitter.com/terms/display-requirements" rel="nofollow ugc">Twitter’s display requirements</a> when rendering tweets on your website.</p>
<p>Example code here uses PHP <a href="http://www.php.net/manual/en/class.closure.php" rel="nofollow ugc">closures</a> which require PHP>=5.3.0 and won’t work on older systems.</p>

Alternatives to Tweets Widget

Top alternatives