XClose

Information Services Division

Home
Menu

Drupal CMS: Add and customise a Twitter feed

Learn to customise a Twitter feed in Drupal.

This guide is aimed at

  • Staff
  • PG Students

Before you start 

You need to be a Senior Editor, Editor or Author
When editing use Chrome, Firefox or Safari but NOT Internet Explorer

Instructions

You will need the username and password for the relevant Twitter account.

  1. Go to the following URL link: Publish Twitter.
  2. Paste your Twitter URL underneath 'What would you like to embed'
  3. Press on the arrow pointing to the right
  4. Choose which type of embed you would like: embedded timeline or buttons
  5. If you just copy the code, you will see the whole of your Twitter feed.
    To make it shorter e.g. 600 pixels, click on 'Set customization options' and put  e.g.'600' under height - (height in pixels)
  6. Click on 'update'
  7. Copy the relevant code
  8. Go to the page where you want to embed the Twitter feed
  9. Click on the 'Twitter feed' icon in the editing toolbar
  10. Place the code in the Widget code box
  11. Click on 'Insert'
  12. The account should now be visible i.e. you can see 'Tweets by ....'
  13. Depending on your role:
    if you are a Senior Editor: click on 'Publishing options - Draft (Current)' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Editor: click on 'Revision information' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Author: click on 'Revision information' in the left-hand menu, choose 'needs review' from the drop-down menu
  14. Save
  15. Finally, check in different browsers to see if you are happy with the result, including on a mobile device

    Help and support

    Feedback

    We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

    Please note: We can only respond to UCL email addresses

    Help us improve this page