Learning Center

Learn how to use your Worship Times website to add a mobile responsive twitter feed to any page, post, or widget area.

Learn how to add a mobile responsive Twitter feed to your website.

• To get started, you first want to go to publish.twitter.com.
  • Go to the dropdown menu to see examples of what you can embed. For most of you, this will probably be a handle, which would be your Twitter username or a hashtag, which is useful during an event or maybe even a special mission trip. Other embed options include a collection of curated tweets, a single tweet, a Twitter profile, a list of curated Twitter accounts, a moment or curated story about something happening around the world, and a timeline of tweets an account has liked. 
  • If using your handle, type in your Twitter handle here and hit enter.
  • Your display options are Embedded Timeline or Twitter Buttons. We recommend embedded Timeline for most cases.
  • You’ll see an example of the timeline of your tweets.
  • If you’d like, you can set customization options. You can change the height, the width, whether it is a light theme or a dark theme, and what language you would like to display this in. In most cases, all of the defaults are fine, but setting a height can easily help limit how many tweets are immediately visible on your site.
  • If you’ve made any changes here, click on update and then click on the box to copy the code.
• Go to your website and log into your dashboard.
  • Hover over Worship Times and click on Social Media Settings.
  • Scroll down to the box that says Twitter feed code, and paste in the code that you just copied from Twitter.
  • By default, the Twitter feed will display 20 tweets.
    • As stated earlier, adjusting the height of that feed before copying the code is an easy way to limit the space that those tweets take up. 20 tweets are still there, but they’re accessible by scrolling instead of all being visible at once.
    • But another way is to add some code to your embed. Data tweet limit equals the number of tweets that you would like to show. This does not show up here automatically. If you would like to do this and need help, please send us a support ticket.
  • Once the code has been pasted, scroll to the bottom of the page and click Save All.
• To add the feed to a widget area (sidebar, footer, some home pages) – hover over Appearance and click on Widgets.
  • Scroll until you find Social Media – Twitter Feed, and add the widget to one of your widget areas. Note that if your site is using the block editor, there is a block simply called Twitter that you can use instead.
  • You’ll see that the Twitter feed code should be automatically populated here. Note that if you make any changes to the code on Twitter, or if you add a new feed, you’ll have to remove this widget and put a new one.
  • Widget-based feeds are mobile responsive. However, note that if you set a custom width, it will never get larger than the width that you set.
• To add the feed to a page/post – hover over Pages/Posts and click on Add New, or edit a current page/post.
  • Click on Add Media.
  • Click on Twitter.
  • Scroll down and click on Insert Twitter Feed. You’ll see a short code has been added to your edit screen.
  • Publish or Update the page.
• Note that any changes you make to the feed, or if you add in a new embed code, these changes will automatically be reflected on every instance of your Twitter feed.