Join Laura Gordon for an in-depth discussion in this video Displaying Twitter feeds, part of Adding Dynamic Functionality to Your Joomla! Site.
Another way you can make your site even more dynamic, is by displaying feeds within your website. In this lesson, we're going to find a Twitter Display Back tool, so you can show your actual Twitter feeds on your website. Then we will take the tweets from a the specific user, and display them on your site. And then, we're going to take Twitter feeds from a specific search term, and display those on your website. When we get to the Extensions directory, let's look through the categories on the left-hand side.
If you scroll down to Social Web, and then from here click on Social Display, which is in the middle, then we want Twitter display. The first option here is a Twitter Module, called Twitter Show. That's the one we're going to download. It is available for one five, and also for 2.5. To download it we just click on Download. And I'm going to scroll down to get to the 2.5 version.
Click Download, and click Save. Now I go to the back end of my website, and I will install it. Go to Extensions, Extension Manager, Browse. And I will select Mode_twittershowedJ17. And Upload and Install. To create this module, go to Extensions, in Module Manager, click on New, and select Twitter Show. For the title, I'm going to call it My Tweets.
The position I want 7, I'll make sure 7 is in there. Click on Position dash 7. I wanted it to show on all pages. On the right-hand side, I have a lot of different options that I can set with this. I'm going to leave them as the defaults for now. But the username I'm going to put Righttechsites. That's my Twitter account. And the Module type, I will leave it as Java script. And then I click Save and Close.
Now let's View it on the website. I click on my Homepage, click on Home. And if I scroll down, on the left-hand side, I can see all of the Tweets that were created by Rytex sites. You can see here all of the Settings, how it's black and dark grey, all of these pieces can be set specifically inside of the module. Let's say instead of displaying the Tweets from a specfiic user ID, I want to show all Tweets about aquariums, for example.
So if I go back to the Module, and click on My Tweets, for the Widget Type instead of Individual Profile, change it to Search. As you scroll down, you can see the shell background, the tweet background. I'm going to change the tweet background to Blue, and I'm going to change the link color to yellow. Just so you can see the differences.
Let's also change the Shell Color, too. We'll make that a Green. If you scroll down, I'm going to change the Live Results to be Yes. And I'm going to leave the Scroll Bar to No, going to leave the number of tweets to five. And if I scroll down to the bottom, these are the settings for Search Widget Only. In the Search Query I type in Aquarium. In the Search Title I put in Info About Aquariums. In the Subject, I'll put in here Aquarius.
Top Tweets, for now I'll leave this as No. Click on Save and Close. Let's go back to the Homepage. I'll scroll up to the top, click on Home again, now I'll scroll down. Here at the tweets about aquariums. You can see the colors that I change. It's a little bright for my taste, but you can see how easy it is to change the colors. We made the links in yellow. We have the green shell and the blue background. In this lesson, we installed a tool that allows us to display Twitter feeds within our website. We then displayed the tool, working from tweets from a specific user ID, then we changed the module so we would show tweets from a specific search term which we used the word aquarium.
We then displayed the tool, working from tweets from a specific user ID, then we changed the module so we would show tweets from a specific search term which we used the word aquarium.
- Extending Joomla! 2.5
- Copying an entire Joomla! site
- Quickly adding content to your website
- Displaying modules within your content
- Managing events
- Social networking with Joomla!
- Working with templates
- Making your website mobile-friendly with responsive templates
- Working with ACL levels