• 0
Sign in to follow this  
Followers 0

Add new full-width sidebar for Twitter Feed


Question

Posted · Report post

Hi all,

 

I'm trying to re-create the PageLines Twitter feed (seeing that it is broken since Twitter's recent API changes). I signed up to Twitter's embedded timelines and so I am looking to add that Twitter widget to a sidebar that is similar-looking to PageLines' Twitter integration. Anyone have any idea on how to do this? I've been able to add the widget to the Morefoot Left (or Middle or Right) section but it gets added to the top of the page, under the header, and only in a single-of-three-columns format.

 

Any help would be appreciated and I think this might help MANY others...

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted (edited) · Report post

After many hours of struggle, my solution below.

 

1) Download and install this plugin: http://wordpress.org/plugins/display-tweets-php/
#1. Login to your WordPress and go to Plugins > Add New
#2. Search “Display Tweets” which should come up as first on list (by Matthew Ruddy), click “Install Now”. Once installed, click “Activate Plugin”
#3. Go to Settings > Twitter Feed
#4. Click “register an application here” link or visit http://dev.twitter.com/apps/new
#5. Login or make sure to login as Twitter account used on website to display tweets
#6. Type the following on input fields. [screenshot]
 
Name: [Company Nickname] Display Tweets
Description: Display twitter feeds on website
Website: [Your website URL]
Callback URL: (leave blank)
 
#7. Check on “Yes, I agree” and fill the CAPTCHA
#8. Once application is setup, copy and paste following back to Twitter Feed Configuration back on your website. [screenshot]
#9. Click “Create my access token”, and copy following back to Twitter Feed Configuration back on your website. [screenshot]
#10. On the Twitter Feed Configuration page on your website, change Screen name to your Twitter ID without @ symbol. [screenshot]
#12. Go to Appearance > Widgets, and open up the Widget section on far right and find the old Twitter widget.
#13. Just under that old Twitter Widget, drag and drop the new “Tweets” widget from left “Available Widgets”. [screenshot]
#14. Add any Widget title you want “Follow Us” etc and remove the old Widget
#15. Confirm the Tweets loading on website
 
3) In my own Wordpress site, I was looking to get this into a Morefoot section that took up the whole page. To do so:
#1. Log into Wordpress site
#2. Click on PageLine Settings at the top of the page
#3. In the PlatformPro settings, click the "Template Setup"
#4. Choose "Morefoot Area" from the "Select Template Area" dropdown
#5. Drag and drop the "Full Width Sidebar" from the "Available/Disabled Sections" into the "Displayed Morefoot Area Sections". (Remove the Twitter Bar if it's present).
 
4) In functions.php:
add_action('wp_head', add_twitter_username_to_feed, 99);
function add_twitter_username_to_feed() {
?>
<script>
$(document).ready(function(){
var e = $('<div style="color: #000000; font-style: oblique;">&mdash;your-twitter-username<div>');
    $(".widget_displaytweetswidget.widget.fix .widget-pad p").append(e);
    e.attr('id', 'twitter-username');
});
</script>
<?php
}
 
***Replace "your-twitter-username" by your own twitter username
 
5) In style.php:
.widget_displaytweetswidget.widget.fix {
background: #F7F7F7;
padding: 5px;
}
.widget_displaytweetswidget.widget.fix p{
margin-bottom: 0px;
}
.widget_displaytweetswidget.widget.fix .muted{
display: none;
}
Edited by cstreeting

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I am using the PlatformPro theme.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for sharing and nice job!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0