Project DescriptionThis is a package for the popular ASP.NET open source CMS Umbraco, that allows you to display your tweets on your Umbaco website.
New in version 1.4
- The regEx in the function CWS.Twitter:FormatUrls has been vastly improved by umbraco community user @readingdancer
- Supports multiple http:// & https:// links
- Supports multiple @username replies
- Supports #hashtags
- The option to display your geo encoded tweets on a map, using the Google Static Maps API
Download Twitter for Umbraco 1.4
You can download the package zip file from the project page on the
http://our.umbraco.org website
Twitter for Umbraco 1.4 on Our.Umbraco.org
How to use this version (1.4)
- Install the Twitter for Umbraco package
- Insert the XSLT CWS - Twitter macro into your template
- Fill out the parameters for the macro
- Twitter Username - Your twitter username of the account you wish to display tweets from
- Number of Statuses - The number of statuses you want to display (Upto 200)
- Display @ Replies? - If you wish to show tweets where you are replying to a user
- Display Google Maps? - If you wish to display google maps for geo encoded tweets
- Google Maps - API Key - Your google maps API key
- Google Maps - Zoom Level - Zoom level of the map
- Google Maps - Map Size - Size of the map in pixels (eg: 500x500)
- Google Maps - Map Type - The type of map (roadmap, satellite, hybrid ,terrain)
- Edit the XSLT file - CWS_twitter.xslt to customise your markup and output for the tweets you wish to show.
Editing the XSLT file
Open up
CWS_twitter.xslt and edit only the markup inside this template:
<xsl:template match="status" mode="tweet">
<!-- Change the XHTML here for how you want each tweet to be displayed -->
<div>
<p>
<img src="{user/profile_image_url}" />
<strong>
<xsl:value-of select="user/name"/>
</strong>
-
<xsl:value-of select="umbraco.library:FormatDateTime(CWS.Twitter:FormatTwitterDate(created_at), 'ddd d MMM yy @ H:mm')"/>
<xsl:value-of select="CWS.Twitter:FormatUrls(text)" disable-output-escaping="yes"/>
</p>
<!-- Show Map of Tweet - IF value there & user enabled maps -->
<xsl:if test="geo/georss:point != '' and $displayMaps = 1">
<p>
<!-- Pass coordinates to map template-->
<xsl:call-template name="map">
<!-- Google wants coordinates as comma seperated so replace (space) with comma -->
<xsl:with-param name="coordinates" select="umbraco.library:Replace(geo/georss:point,' ',',')" />
</xsl:call-template>
</p>
</xsl:if>
</div>
</xsl:template>
Twitter XML format
Here is the
tweet XML that twitter returns, so you can customise your tweet markup even further.