Jump to content
Charles
 Share


Theme Tip: Twitter Embed Block

Several clients have asked how we placed the Twitter feed block on the sidebar of our News page. It's really quite easy and a great demo of how you can place custom HTML in our system. Here is how it was done:

  1. Get the embed code from Twitter
  2. Create a custom HTML block in our Pages app
  3. Drag and drop that block into the sidebar

That really is it! Here is a video walkthrough:

This is a basic example of a custom HTML block that you can use in so many different ways. You could create a "call to action" the only shows to Guests to get them to register. You might also create text that only displays to your staff with quick links to areas they need.

Here we demo dragging the block into the sidebar. You can also put blocks right in theme templates and use them in many more ways. That will be covered in future theme tips.

Edited by Charles

 Share

Comments

Recommended Comments

4 hours ago, Janyour said:

Hi, where we can donwload this last version of IPB ?

Goto your client area. https://www.invisionpower.com/clientarea/ ; under Purchases&Downloads, click the applicable site, and download. Currently it should give you two options Latest (4.x), or last gen (3.x).

Edited by MADMAN32395
Ex0 at 1411CST ; went back and saw it double posted
Link to comment
Share on other sites

I installed the twitter feed, but how do you make it so the tweets don't take up the whole page? I would like it so it loads like 3 or 4 then you have the scroll bar to view more like it's set up on your page?

Link to comment
Share on other sites

On 8/13/2016 at 10:08 AM, tombo82685 said:

I installed the twitter feed, but how do you make it so the tweets don't take up the whole page? I would like it so it loads like 3 or 4 then you have the scroll bar to view more like it's set up on your page?

Simply add data-width="XYZ" code in the twitter generated html code. Replace XYZ with the height for the widget, like:

Quote

a class="twitter-timeline" data-width="295" data-height="750"

 

Link to comment
Share on other sites



Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...