Twitter feed

Embed latest Tweets from a Twitter account

Overview
The Twitter item allows for your chosen Twitter feed to be displayed on Hantsweb pages. 
Example
WCMS use

Creating a new Twitter item

If creating a new Twitter item, in the content editor navigate to common-content > social media and newsletters > twitter feed, then insert a new Twitter Feed.

Populate:
Twitter feed title
Twitter feed account
Twitter feed account link text

Add a Twitter feed to a page

1. From the Experience Editor, in a placeholder press the 'add here' insert option
2. Browse Renderings:  Building Blocks > Media> Twitter feed
3. Select the required Twitter feed

The completed Twitter Feed will appear in a breakout block.

MVC.net use
Code

 <div class="breakout-bg">
            <div class="row">
                <h2>From Twitter @hantsconnect</h2>
                <ul class="row remove-sides remove-all">
                        <li class="four columns">
                            <blockquote>
                                <q>
                                    ⚠️Parts of central Hampshire forecast to see road surface temperatures drop below zero tonight <a href='https://twitter.com/hantshighways' title='Hampshire Highways'>@hantshighways</a> salt… <a href='https://t.co/oXTmlQx591'>https://t.co/oXTmlQx591</a>
                                </q>
                                <footer>
                                    <cite title="Mon Apr 24 11:25:29 +0000 2017">

                                        2 hours ago
                                    </cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li class="four columns">
                            <blockquote>
                                <q>
                                    Remember, if you've reported a <a href='https://twitter.com/hantshighways' title='Hampshire Highways'>@hantshighways</a> problem, you can check progress online using this link… <a href='https://t.co/tn3CPblI0H'>https://t.co/tn3CPblI0H</a>
                                </q>
                                <footer>
                                    <cite title="Mon Apr 24 07:15:05 +0000 2017">

                                        6 hours ago
                                    </cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li class="four columns">
                            <blockquote>
                                <q>
                                    Lionel the dog enjoying the view at Farley Mount near <a href='https://twitter.com/hashtag/Winchester'>#Winchester</a> – lovely place for a stroll 😊 🐶 <a href='https://twitter.com/hashtag/GetOutside'>#GetOutside</a>… <a href='https://t.co/SxNvsYro68'>https://t.co/SxNvsYro68</a>
                                </q>
                                <footer>
                                    <cite title="Mon Apr 24 06:20:15 +0000 2017">

                                        7 hours ago
                                    </cite>
                                </footer>
                            </blockquote>
                        </li>

                </ul>
                <p class="txt-right">
                    <a href="https://twitter.com/Hantsconnect">
                        Keep updated at @hantsconnect <i class="icon angle-right"></i>
                    </a>
                </p>
            </div>
        </div>
<div>
     
</div>
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release