Twitter Feed


  • Fashion
  • Fitness & Supplements
  • Music & Instruments
  • Gifts


Twitter Feed

Coding Instructions

This tweak can be done completely from the code provided on this page, but it is always best to checkout the source code frome the developer:

Step 1: Connect to the website via FTP

Step 2: Open up Header template and Home Page template

The files we require include the header template.html and the home page template home.template.html. The header template can be found in /httpdocs/assets/themes/skeletal/templates/headers/template.html . The home page template can be found in /httpdocs/assets/themes/skeletal/templates/cms/home.template.html If using a different template, go into that template instead of the 'skeletal' template.

Step 3: Add Twitter Feed Menu Code into template

header - template.html

Before the <body> tag:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+"://";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

home page template - home.template.html

Three things will be required from the Twitter account - a user-id, screen_name and the widget_id. Then you will structure an <a> tag like the following:

<a class="twitter-timeline"
Tweets by Twitter user {user_id}

Here is an example of how it will look:

<a class="twitter-timeline"
Tweets by Twitter user 2857397298

In the home page template home.template.html, before the final closing <div> tag, place the following code:

    <div class="wrapper-social">
        <div class="container">
            <div class="row">
                <div class="hidden-xs col-sm-12 col-md-4">
                    <div class="social-content">
                        <a class="twitter-timeline" href="" data-widget-id="600720083413962752" data-user-id="116987116">Tweets by @thejulianholden</a>
                <div class="visible-xs col-xs-12">
                    <div class="social-content">
                        <a class="twitter-timeline" href="" data-widget-id="600720083413962752" data-tweet-limit="1" data-user-id="116987116">Tweets by @thejulianholden</a>

Now the Twitter feed will be displayed on the homepage.

Was this article useful?

Be notified when this page is updated. Optional.