What is the Twitter feed component?

The Twitter feed component allows you to embed a Twitter timeline on a web page.

Use a Twitter feed when:

  • you have a Twitter account managed by your organisational unit
  • you want to display relevant Twitter timelines on your page.

A Twitter feed shouldn't be used when:

  • you don't have specific accounts or timelines to link to.
Top of page

How to add a Twitter feed

To enable this component, submit an IT request.

Once enabled, Twitter feeds can be added by:

  • site builders.

Twitter feed panels can be added to a page like any other component, however, a suggested layout is to use a 2 column mini panel. This layout allows you to insert a Twitter feed in one column and a Facebook feed or article list in the other.

To add a Twitter feed to a mini panel:

  1. Follow the steps to create a mini panel.
  2. In the black Drupal menu, select 'Structure' > 'Mini panels'.
  3. Find your mini panel in the list and select 'Edit'.
  4. The 'Settings' screen will open. Select 'Content' to add the component.
  5. In the section where you want to add the component, click the edit cog and select 'Add content'.
  6. Choose 'Twitter' from the left-hand menu and select 'Twitter Timeline Widget Pane'.
  7. Fill in all required fields.
  8. Select 'Finish' > 'Save'.

The Twitter feed component can also be added to a page without using a mini panel.

Top of page

Best practice

Top of page

Fields

Complete all required fields and as many optional fields as possible to provide the best user experience.

Field name

Required field?

Function

Timeline URL

Yes

Enter the URL of your Twitter timeline.

Theme

No

Changes the theme of the component to dark or light. Select a theme from the drop-down menu.

Link colour #

No

Changes the colour of the link text in the component. Leave this as the default, so the link meets accessibility requirements.

Width

No

Changes the width of the component. Enter the width in pixels.

Height

No

Changes the height of the component.
Enter the height in pixels.

Language

No

Changes the language used in the heading and links in the component. This option does not change the language of the Twitter feed. Select a language from the drop-down menu.

Top of page