SECTION / PAGE TEMPLATE(s)
WHO WE ARE 3218-default.psd
What we do 3218-default.psd
Objectives 3218-default.psd
Learn More 3218-default.psd
WHY TACKLE TOBACCO 3218-default.psd
Facts & Figures 3218-default.psd
Economic Cases 3218-default.psd
External Links 3218-default.psd
HOW DO WE DO IT? 3218.tff-6strands.psd
6 Strands 3218.tff-6strands.psd
Links to Individual Campaigns 3218.tff-individual-campaign.psd
TAKE ACTION
3218.tff-products-all.psd
Professional Tools & Training 3218.tff-individual-product.psd
3218.tff-events-all.psd
3218.tff-calendar.psd
Events 3218.tff-individual-event.psd
Email Your MP 3218.tff-email-mp.psd
Polls 3218.tff-polls.psd
PROFESSIONALS INFORMATION CENTRE
Login Page 3218.tff-Login-PIC.psd
Landing page when logged In 3218.tff-PIC-logged-in.psd
Sub Page 3218.tff-PIC-subpage.psd
NEWS
ALL NEWS POST 3218.tff-news.psd
INDIVIDUAL NEWS POST 3218.tff-news-item.psd
CONTACT US
This is standard Contact Form 3218-default.psd
COMMON ELEMENTS
Search Field 3218-default.psd
Header Navigation 3218.tff-subnav.psd
Footer
h1,h2,h3,h4 etc - All text / fonts
CROSS BROWSER TESTED
W3C Valid XHTML / CSS
DESCRIPTION AND NOTES
This section colour should be BLUE - with matching buttons, h1, h2, h3, titles etc,
This section colour should be BLUE - with matching buttons, h1, h2, h3, titles etc,
This section colour should be BLUE - with matching buttons, h1, h2, h3, titles etc,
This section colour should be BLUE - with matching buttons, h1, h2, h3, titles etc,
This section colour should be RED - with matching buttons, h1, h2, h3, titles etc,
This section colour should be RED - with matching buttons, h1, h2, h3, titles etc,
This section colour should be RED - with matching buttons, h1, h2, h3, titles etc,
This section colour should be RED - with matching buttons, h1, h2, h3, titles etc,
This section colour should be PURPLE - with matching buttons, h1, h2, h3, titles etc,
Please see the supplied HTML for example - please do not use this code though, please recreate the code.
If you click one of the colours in the 6 strands template it takes you through to this page with the latest campaign. The
This section colour should be ORANGE - with matching buttons, h1, h2, h3, titles etc,
This uses the WP-Ecommerce plugin. User should be able to view all products, then view an individual product, then pu
This uses the Events Calendar Plugin. http://wordpress.org/extend/plugins/the-events-calendar/
and Event Brite Plugin http://wordpress.org/extend/plugins/eventbrite-for-the-events-calendar/
The user should be able to view all events in list format and calendar format. They can then click
and view an event and book the event through event brite.
This uses code from the Email Your MP website. http://www.writetothem.com/about-linktous
This uses the WP-POLLS Plugin http://wordpress.org/extend/plugins/wp-polls
People can submit their poll entry and results appear. They don't need to be logged in.
All polls should be paginated with next/prev buttons.
This section colour should be DARK GREEN - with matching buttons, h1, h2, h3, titles etc,
This is the password protected area. Admin should be able to select the user level and
then which categories the user level can have access to. So different user levels can
have access to difference categories.
Admin should be able to upload files to posts in these categories. There should be NO file size
limit and NO file type limit. Example file types are: .jpeg .png .gif.pdf .doc .ppt .zip
PLEASE NOTE -Default Categories and Subcategories: A user can select one of the
coloured icons and it will show the posts from multiple subcategories. E.g Campaign
Artwork appears 3 times, so should pull in all posts from all those sub categories.
However if you choose the sub category in the left hand nav it will only show the
campaign artwork from that sub category. Please contact me if you don't understand.
CATEGORIES/SUB CATEGORIES
Take 7 steps out and Chemical Soup
- campaign artwork
- photography
- brand guidelines
- showreel
- TV advertisement
- powerpoint presentations
- Evaluation information
- Other supporting materials
Smoking in pregnancy reward scheme
- campaign artwork
- photography
- powerpoint presentations
- Other supporting materials
Illicit tobacco
- campaign artwork
- photography
- brand guidelines
- powerpoint presentations
This is a subpage and displays different posts depending on which category the user chooses. (see notes above). The po
This section colour should be LIGHT GREEN - with matching buttons, h1, h2, h3, titles etc,
This is a list of all news in most recent order first. In the right side bar the posts are filtered by
Categories and/or Tags, with JQUERY EXPAND/COLLAPSE for categories and monthly archives.
If the post is in the 'Elsewhere on the web' category, then the 'petal icon' will be black. If the post
is in any other category the 'petal icon' should be light green.
This is an individual new post, with related news posts. This can be shared with social network links.
This section colour should be BLUE - with matching buttons, h1, h2, h3, titles etc,
This page should use the Contact Fom 7 Plugin - wordpress.org/extend/plugins/contact-form-7/
The client should be able to change form and fields if necessary.
This is a standard search which searches all normal posts, custom post types, events, products and news.
Each section has a different colour and if you're in the current section it will be highlighted
with a coloured rounded box background and white text. Also if you hover over a section it
displays the coloured background and subnavigation. Please see subnav template.
Logo should link to the homepage
Want to quit? Icon should link to http://smokefree.nhs.uk
Twitter - This should link to the clients twitter page. Admin should be able to edit the link
Facebook - This should link to the clients facebook page. Admin should be able to edit the link
RSS - This should link to the site RSS Feed
All text and fonts should use either DIN or DROID fonts. I have supplied the fonts to use in the
PSD's.
DIN needs to use CUFON JS
http://cufon.shoqolate.com/generate/
And DROID font should use google webfonts.
http://www.google.com/webfonts
The site should be cross browser tested and fully working with PNG fix in IE6 +
The site should be W3C Valid XHTML Strict
, please recreate the code.
his page with the latest campaign. The campaign order can be ordered by admin.
hen view an individual product, then purchase through paypal and google checkout.
user chooses. (see notes above). The posts should be paginated with next/prev buttons.
social network links.
vents, products and news.
FEATURE FUNCTIONALITY
Each news story contains one main image and text. The
image and text cycle together.
Text
In the example, the text is "A Chemical Soup spreads
through North West communities and encourages
parents to Take 7 Steps Out."
Transition
User can user arrows to click left /right but it
automatically cycle through the images and text every
6 seconds. The transition is a 'slide'.
Featured News Story Slider Click Read More to go through to the news story.
Transition
This is a text slider. If you click each 'petal' shape the
text fades out and the next/previous text fades in. The
Why Tackle Tobacco? 'petal' shape will highlight different.
This is a simple image link to the How do we do it.
How do we do it? The text is 'Live' selectable text
This is a live twitter feed that needs to pull in the latest
2 tweets using a #hashtag. It should pull in the twitter
username / image / message and date dependent as
Currently Tweeting… widget shown on the design.
WP-ADMIN / CUSTOM POST DETAILS OTHER INFORMATION
Home Page Feature
CUSTOM POST TYPE FIELDS
Image upload Field
(with automatic resizing/cropping if
necessary using timthumb.php)
Text Field
Image automatically has curved borders
CUSTOM POST TYPE FIELDS
Title
Text Field
CUSTOM POST TYPE FIELDS
Title
Text Field
There should
also be a link
through to the
clients
twitter account.
This needs to be
editable.
FEATURE
HOW DO WE DO IT?
6 Strands
INDIVIDUAL CAMPAIGN PAGE
Main Content
Campaign Description
Campaign Logo
Campaign Images
Additional Info
SIDEBAR
6 Strands /
Categories
Other Campaigns
FUNCTIONALITY
DO WE DO IT?
Users will rollover a petal and see a different 'strand' and it's relevant description
Once you click a petal or 'strand' it will link through to the campaigns
DUAL CAMPAIGN PAGE
This is where an individual campaign will be shown. This will be made up of the following sections:
The description of the campaign
The campaign logo
This will be a gallery of images in a carousel. If you click on an image, it will pop up in a lightbox
overlay.
This will be a content field for additional info, and multiple links will be needed.
These are displayed down the right hand side. The current strand will be selected and highlighted
Other campaigns within the current category / strand will appear here. E.g.
Other campaign 1, Other campaign 2, Other campaign 3, etc
WP-ADMIN / CUSTOM POST DETAILS OTHER INFORMATION
Campaigns will sit within 6 strands /
Categories. They are:
Reducing exposure to second hand smoke
Smoking cessation
Media and education campaigns
Reducing availability of tobacco products
Reducing tobacco advertising and
legislation
Tobacco regulation See Attached HTML
Sections:
Reducing exposure to second hand smoke
Smoking cessation
The latest campaign will appear first by Media and education campaigns
default. Reducing availability of tobacco products
Admin will be able to re-order the Reducing tobacco advertising and legislation
campaigns in wordpress admin Tobacco regulation
Description Field
Image Upload Field
Upload multiple images
Multiple Content fields to add text and links.
Admin will be able to re-order the
other campaigns in wordpress admin
FEATURE
PROFESSIONAL TOOLS & TRAINING
SIDEBAR
List of Product Categories
Professional Tools & Training Sub Nav
PRODUCT LISTINGS
Product Image
Product Description
Product Price
Pagination
INDIVIDUAL PRODUCT PAGE
Product Title
Intro Text
Buy Now Button / Price
First Main Description
Image Gallery
Second Description (Left Hand Side)
Third Description (Right Hand Side)
Other Professional Tools and Training
EMAIL YOUR MP
SIDEBAR
Professional Tools & Training Sub Nav
EMAIL BOX
EVENTS
Event
Calendar
Event List
POLLS
FUNCTIONALITY
This is an overview of products that users can buy
List of Product Categories
Products / Events / Email Your MP / Polls
Product Thubmnail. This should link through to the product page.
This is the same as the intro text below.
This is the product price
Prev and Next links to previous and next posts.
This is an individual product that users can buy
This is the same as the Production Description above.
Clicking this takes you through to the integrated billing area
where you can buy the product
An image gallery, where you click the thumbnail and the main image changes.
This is a link back to the product over page and an image list of
related products
Users can fill in the form to write to their MP
Products / Events / Email Your MP / Polls
Users can type in their postcode and fill in the form to
write to their MP. This will then take them to the 'Write to them' website.
Users can view all events and buy tickets to an event, through the eventbrite plugin
Admin can add an event and it will be added to the calendar. Users can view the
events in calendar and list format.
Users can view all events in a calendar format
Users can view all events in an event list format
Users can enter a poll and see previous polls. These polls will appear in recent
date order.The posts should have pagination with prev/next buttons.
WP-ADMIN / CUSTOM POST DETAILS
Admin can re-order these categories
Admin can re-order these categories
Listing is ordered by recent products by default.
Admin can re-order the products.
Admin can set the product thumbnail
Intro Text Field
Price field
Admin can choose to show 5 / 10 or ALL products per page.
Product Title Field
Intro Text Field (Also used in product listing page)
Content Field
Upload Multiple Images. Admin can re-order
images and set the default thumbnail image.
All images should auto crop and auto have rounded corners.
Content Field
Content Field
These are related products. The related product
images will show. These will link through to the related products.
Admin can re-order these categories
Admin can re-order the events
Admin can add an event with images, google maps and venue details etc.
as shown of the PSD's.
Admin can add/edit/delete polls
OTHER INFORMATION
Uses WP-Ecommerce / Get Shopped Plugin
Uses WP-Ecommerce / Get Shopped Plugin
Uses the write to them code
Uses the write to them code
Uses the Events Calendar Plugin & also
Events Calendar Eventbrite Plugin
All Images should have rounded corners
Uses WP-Polls
URLS
http://getshopped.org/
http://getshopped.org/
http://www.writetothem.com/about-guidelines
http://www.writetothem.com/about-linktous
http://wordpress.org/extend/plugins/eventbrite-for-the-events-calendar/
http://tri.be/wordpress-events-calendar/ &
http://wordpress.org/extend/plugins/the-events-calendar/screenshots/
http://wordpress.org/extend/plugins/wp-polls/
FEATURE
Welcome to the Professionals Information Centre
Intro
Professionals Information Centre Icons
Professionals Information Centre Categories
Professionals Information Sub Page / Category
/ Individual Post
Register Control Panel
Professional Login Only
FUNCTIONALITY
This is the page intro text.
These link to the 8 different areas
- campaign artwork
- photography
- brand guidelines
- showreel
- TV advertisement
- powerpoint presentations
- Evaluation information
- Other supporting materials
A user can select one of the coloured icons and it will
show the posts from multiple subcategories. E.g
Campaign
Artwork appears 3 times, so should pull in all posts from
all those sub categories.
However if you choose the sub category in the left hand
nav it will only show the campaign artwork from that sub
category. Please contact me if you don't understand.
These link to the different categories
CATEGORIES/SUB CATEGORIES
Take 7 steps out and Chemical Soup
- campaign artwork
- photography
- brand guidelines
- showreel
- TV advertisement
- powerpoint presentations
- Evaluation information
- Other supporting materials
Smoking in pregnancy reward scheme
- campaign artwork
- photography
- powerpoint presentations
- Other supporting materials
Illicit tobacco
- campaign artwork
This either shows all posts from a category or an
individual post.
Category pages will be paginated with prev/next buttons.
Users will be able to register using the default wordpress
form with the style of site CSS.
Only registered users will be able to see this section and
pages.
WP-ADMIN / CUSTOM POST DETAILS
Text Area
There will be an option to upload the icons and change the links
if necessary. So there will be the folowing fields:
Icon - Image Upload Field
Icon text - Text Field
Icon Category Link - Text Field
If you choose the sub category in the left hand nav it will only show
the campaign artwork from that sub category. Please contact me if
you don't understand.
Admin should be able to re-order categories.
Admin should be able to upload files in a post.
Category Introduction - Text field
Post Title - Text field
Post description - Text Area
Downloads - multiple file upload fields which insert a link direct to
the file.
(+ button which you can add file upload field)
This is the password protected area. Admin should be able to select
the user level and then which categories the user level can have
access to. So different user levels can have access to difference
categories.
OTHER INFORMATION
Allow upload of
.jpg
.jpeg
.png
.gif
.pdf
.doc
.ppt
Allow upload of
.jpg
.jpeg
.png
.gif
.pdf
.doc
.ppt
Client will be able to approve the user in wordpress admin
FEATURE FUNCTIONALITY
NEWS OVERVIEW PAGE
Featured News Featured News' always appears at the top of the page
This should appear with a 'Black Petal' Shape and the
Elsewhere on the web news category 'Elsewhere on the web'.
The news item should display the category, news post
thumbnail, news title, news date and the news
Regular News excerpt.
This is a list of all categories.
This list can be collapsed (hidden) and expanded
(shown). Clicking the category will show all the posts
Categories from that category.
This is a list of all archives by year.
This list can be collapsed (hidden) and expanded
(shown). Clicking a year in the list will show all the
months of that year that have posts. Clicking the
Archives month will show all the posts from that month.
Who we are widget This is a simple link to the who we are section.
This is a live twitter feed that needs to pull in the latest
2 tweets using a #hashtag. It should pull in the twitter
Currently Tweeting… username / image / message and date dependent as
widget shown on the design.
NEWS DETAIL PAGE
This is made up of the title, date, categories, tags,
News Post news story text, featured image.
These link to the previous and next news stories in the
Next / Previous Links list
The user can use any of these methods to share the
news story.
Twitter - Tweet
Facebook - Link
Social Sharing Options Google+ - +1
Related News Items This pulls in 2 related news items
This is a list of all categories.
This list can be collapsed (hidden) and expanded
(shown). Clicking the category will show all the posts
Categories from that category.
This is a list of all archives by year.
This list can be collapsed (hidden) and expanded
(shown). Clicking a year in the list will show all the
months of that year that have posts. Clicking the
Archives month will show all the posts from that month.
This is a live twitter feed that needs to pull in the latest
2 tweets using a #hashtag. It should pull in the twitter
Currently Tweeting… username / image / message and date dependent as
widget shown on the design.
Categories Press Releases
Image Gallery
Videos
WP-ADMIN / CUSTOM POST DETAILS
User should be able to select 'Featured News' tickbox
and the post then appears at the top of the page
Source:
This text needs to be editable.
Fields
Title
Date
Category
Tags
News Story Text
Featured Image
OTHER INFORMATION
The news post image should
automatically create a news post thumbnail using timthumb.php.
There should also be a link through to the clients
twitter account. This needs to be editable.
Featured image automatically resizes to the image size using timthumb.php.
There should also be a link through to the clients
twitter account. This needs to be editable.
Press Releases will be a category
Images can be embedded via the WYSWYG
Videos can be embedded via the WYSWYG
Active Plugins Inactive Plugins
Askimet Events Manager
All in one SEO Pack Hello Dolly
bbPress Integration Jetpack by Wordpress.com
Broken Link Checker Under Construction (On Demand)
Contact Form 7
Email Users
Eventbrite for The Events Calendar
Excerpts from Children
FeedBurner Feedsmith
Google Analytics for Wordpress
Google XML Sitemaps
Health Check
Login LockDown
The Events Calendar
Viper's Video Quicktags
W3 Total Cache
Wordpress.com Stats
Wordpress Database Backup
Wordpress Duplicate Content Cure
WP-DBManager
WP Customized Login
WP No Category Base