I’m building a discussion site, and will be running on wordpress. The project consists of converting PSD-templates to WP and building extra functionality.
The main changes to WP are:
- converting PSD’s to WordPress
- create a page where users can submit post suggestions that will be added in the admin as draft posts
- private messages system where users can send each other private messages (probably available as wp plugin)
The project needs to be finished friday the 27th.
See jpg-versions of the PSDs at http://www.alexanderklopping.nl/ywc/images.zip
FUNCTIONALITY IN EVERY TEMPLATE
Header
- The header image should change every 30 seconds with a fade transition, preferrably not in flash
- The logo should link to the homepage
- Buttons:
+ ‘Alle discussies’ goes to the homepage
+ ‘Prive berichten’ goes to mail_inbox.psd which will be the private inbox, and should show a number if the user is logged in and has unopened messages (like this: Prive berichten (3))
+ ‘Congres 5 juni’ goes to a wp-page
+ ‘Contact’ goes to the contact page
+ ‘PROGRAMMA’ goes to a wp-page
+ ‘AANMELDEN’ goes to a wp-page
Search
Will search through posts. You can use alle_discussies.jpg as template
Poll (‘Uw mening’)
Will show the poll, and a ‘previous polls’ button, which will redirect to a wp-page
- The poll should be able to be managable in the admin
- Admin must be able to start new polls, and save the old results in the admin
TEMPLATES IN WP
Home.psd
- People can submit questions, problems and idea’s in the question box.
+ The entry box has space for two lines
+ The color of the box changes with the type of submission, blue for question, red for problem, yellow for idea.
+ The text in the darker bar under the entry box changes per selected tab
+ When clicked ‘Ga verder’ (Proceed) the user is redirected to template dialoogstarten.psd
- The drop down menu consists of all the admin-assigned categories
- The first in the list should state ‘…’, and show the 6 latest posts or posts with the most recent comments
- When a user selects a category, the posts should fade out using AJAX, and fade the topics that match the category back in.
- Only the title, the number of comments (12 in the example), user + date, and avatar of the submittor is shown
- When there are more than 6 posts in a category, WP’s previous + numbers + next buttons should show underneath it and load in the same AJAX-way as with changing categories.
dialoog.psd
- The first, big box should reflect the color of the kind of question (blue, red, yellow)
- The first icon should reflect the icon for the kind of question (a question mark, na exclamation mark or a light bulb)
- The title should be the title of the post
- The main text in the box should be the post entry
- The ‘GEEF ANTWOORD’-button (comment on this) button should scroll down the page to the comment entry space
- The ‘Geplaatst door Gebruiker op Dinsdag 10 maart 2009′ should display ‘Geplaatst door <USERNAME> on <DATE>’ (placed on user, date)
- Avatar should be of the commenter
- The blue boxes underneath display the comments
- The ‘Geplaatst door Gebruiker op Dinsdag 10 maart 2009′ should display ‘Geplaatst door <USERNAME> on <DATE>’ (placed on user, date)
- Avatar should be of the commenter
- Title: ‘Reageer op deze discussie:’ (Comment on this discussion)
Mouseoveravatar.psd
- Every avatar shown on the site should have a mouse over display of an enlarged version of the avatar, the full name of the user, the organisation the user works for and the position he takes (functie)
- At the bottom there should be a ‘Stuur prive-bericht’-button (‘Send private message’) which should take the user to the mail_open.psd-template
Topicstarten.psd
Users are able to write postings for the website on this page. When filled in, the posting should show up in the post-section in the admin as draft. It will be displayed on the site when a moderator publishes the post.
1.
- The first text block will be the content of the post
- The second block is the post title. The text that the user has entered on the homepage (home.psd) should be copied to this box.
2.
- Here users should be able to mark several categories for their post
- The tick boxes should show all the categories assigned in the admin
- When a user is not logged in: Upon pressing ‘Ga verder’ (NEXT) the user should see a registrer-box (account_aanmaken.psd), followed by a wp-page with a thank you message on it.
- When a user is logged in: Upon pressing ‘Ga verder’ (NEXT) the user should be redirected to a wp-page with a thank you message on it.
Inloggen.psd
- A lightbox with username and password fields
- ‘Wachtwoord vergeten’ (Forgot password?) should redirect the user to WP’s password forgotten-functionality
- ‘Nog geen lid? Klik hier om je aan te melden.’ (Not registred? Click here to register) should open the account_aanmaken.psd-lightbox
account_aanmaken.psd
- This lightbox should show up automatically, every time a user wants to enter a page that needs login (private messages, to submit a topic, etc)
- ‘Of klik hier als u al eerder een profiel aangemaakt heeft.’ should open the inloggen.psd lightbox
- ‘Uw naam (your name)
- ‘Email’ (email)
- ‘Wachtwoord’ (password)
- ‘Organisatie’ (organisation)
- ‘Functie’ (function)
- ‘Uw icoontje’ (your avatar). This field should show a random available avatar. When clicked upon it should show a dropdown list of other available avatars.
- The upload function should enable users to upload their own avatar, please provide easy to use uploading and cropping functionality
- Tick box for terms and conditions
- ‘Maak account aan’ (create account)
Mail_inbox.psd
- This should show the private messages the user has sent or received
- Every block shown here should represent the last message the user has exchanged with other users
- The ‘Beantwoord’-button (Reply) should redirect the user to the mail_open.psd-template
- The ‘Verwijder bericht’-button (Delete) should delete the thread
- The ‘Bekijk geschiedenis’-button (View history) should redirect the user to the mail_open.psd-template
mail_open.psd
- This should show the message thread of private massages the user has send or received from one other user
- The order is chronological
- The blue color represents the user, the yellow color the other user
- The reply field underneath should enable the user to send another message
- The ‘TERUG NAAR INBOX’-button (Back to inbox) should redirect the user to mail_inbox.psd
Extra:
- There should be a no-robot file, as nothing should be indexed by search engines
- When a user comments on a post, the post author should receive an email every time a new comment is added with a maximum of one a day
- There should be an unsubscribe link in the mail
Compatibility:
The site should work on all major browsers including IE6