Twitter Widget - Show Latest Tweet

PariPro theme comes with integrated twitter API. Please follow below steps to show twitter feed on your website.

  1. Login as administrator on your Drupal website
  2. Navigate to PariPro theme settings.
    Home >> Administration >> Appearance >> Settings >> PariPro
    yourdomain.com/admin/appearance/settings/paripro
    
  3. Under Social Network tab check Load twitter widget javascript.
  4. image

  5. Navigate to: Administration >> Structure >> Blocks
    admin/structure/block
  6. Click Add block link.
  7. Create a new block.
  8. In Block body enter your twitter feed code which I have explained below.
  9. Scroll down and set its region where you want to display twitter feed like Footer First / Footer Second / Footer Third / Footer Fourth and click Save block button.
    image

Twitter Feed Code

Please follow below steps to get your twitter account's feed code. You have to use this code in Block body.

  1. Visit https://twitter.com and login in your twitter account.
  2. Go to account Settings page.
  3. On Settings page, click Widgets Link
  4. Click Create new button.
  5. Create a new widget and get the code. This is your twitter feed code.
    image
  6. The twitter code will be something like this:

    <a class="twitter-timeline" href="https://twitter.com/DewDots" data-widget-id="38283199806821xxxx">Tweets by @DewDots</a>
    <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.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  7. From your twitter widget code get the data-widget-id number. data-widget-id="3828319980682xxxxx.
    So, your widget ID number is 38283199806821xxxx
  8. Omit <script> element from the code as Twitter’s widgets JavaScript is already included in theme. Now replace your twitter username and widget ID number in below code.
  9. <a class="twitter-timeline" href="https://twitter.com/DewDots" data-widget-id="382831998068211712" data-chrome="noheader noscrollbar transparent">Tweets by @DewDots</a>

    Use this code to create a block region and show twitter feed on your website.