Usability & Social Bookmarking
|
Each of these nodes was developed as a standalone widget for the design/canvas node. The Language Selector node allows users to toggle between various languages supported by the website, while the Email to Friend widget allows users to send individual webpages to an email address. The development of the Web 2.0 movement has led to increased demand for widgets which increase the ability for users to communicate and promote a website's unique content through social networking and communcation tools such as the ones below. |
Screen Shots
Language Selector
RSS Feed Reader
Time and Date
Social Bookmarking
wpLanguageSelector
The language selector is a dropdown which allows users to toggle between languages as assigned in the web settings node.
The language selector can be applied in one (1) of two (2) ways:
As a select list;
As a link which calls a javascript function.
Where to use this node
Sample
wpTimeStamp
Add this node to a layoutbox at add an automatically generated timestamp. The timestamp will display the date of the last update to the associated page.
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| value | default | lastupdate | Not Available |
| text-before | optional | Insert some text before the time. |
Sample
wpTimeAndDate
Displays the current time and date with the option of adding a label.
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| title | optional | Some text before time and date. | |
| time-or-date | oneof | time, date, both | The time or date. |
Sample
wpRSSFeed
This node was originally developed to replace the "News Flash" node, but has since become a generic node to aggregate any RSS feed, whether generated by WebPal or not.
Inserted into a canvas' layoutbox, this node should be proivided with the URL of any RSS feed and in turn will display a fixed number of the most recent items, sorted by date from newest to oldest.
A cached copy of the RSS is stored and is updated every 2 minutes.
Please note that the url generated in the RSS Feed uses the htmlroot attribute specified in the Web Destination
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| number-of-items | oneof | 4, 1, 2, 3, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 | Determines the number of items to be displayed. |
| layout | oneof | title-only, title-date, title-description, title-date-description, date-title, date-title-description | The layout determines what kind of information is displayed about each item. Each type of item (title, date etc.) can be styled individually. See the styles node for reference. |
| date-format | oneof | yyyy-mm-dd, yyyy/mm/dd, mm/dd/yyyy, dd/mm/yyyy, dd-Mon-yy, Weekday_Month_dd_yyyy, Wkd_Mon_dd_yyyy, Wkd_Mon_dd_yy, Month_dd_yyyy, Mon_dd_yyyy | Choose the format in which the date of an item will be displayed. |
| start-at-current-date | oneof | no, yes | If set to yes, only items with today's date or in the future will be displayed. This is ideal when displaying events. |
| open-in-new-window | oneof | yes, no | If set to yes, when a user clicks the item the source article will be opened in a new window. |
| filter | optional | Not Available | |
| number-words-in-description | default | If the description is displayed (see layout above) this is attribute allows you to limit the number of words you want to appear. |
Sub Nodes
| Name | Type | Help |
|---|---|---|
| url | wpRssUrl | The url where the RSS Feed is located |
Sample
wpRssUrl
Inherits from:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| lang | oneof | any, en, fr, de, es | sets the language of this node. "any" will make the node appear in all languages. ex: "fr" will make the node appear only on the French version of the site. |
| feed-type | oneof | regular, twitter | If this is a twitter feed type, the resulting list will look like it does in twitter. Regular feed types will have the default functionality. |
wpRSSFeedC
This node is the same as wpRSSFeed, other than it is meant to be used in a chapter rather than a design.
Inherits from:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| show-in | oneof | main, related1, related2, related3, related4, related5 | Determines where in the design the content will appear. |
Sample
wpSocialBookmarking
This node allows insertion of the AddThis code for social bookmarking. Just insert the node and the code will automatically be added.
Where to use this node
Sample
wpRaw
This node allows insertion of "raw" code (XHTML, Javascript, PHP) code into a design. Since PHP code will be executed on the server, this node is to be used with caution. It is an excellent way to include code snippets or third-party widgets, such as addthis or jquery add-ons.
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|---|---|---|
| lang | oneof | any, en, fr, de, es | sets the language of this node. "any" will make the node appear in all languages. ex: "fr" will make the node appear only on the French version of the site. |
