WordPress.org

Ready to get started?Download WordPress

Forums

Complete WP Conversion at MomentToShine.com (12 posts)

  1. tnmadmin
    Member
    Posted 6 years ago #

    This is my most ambitious WordPress site to date. http://www.MomentToShine.com is, at it's core a free form writing contest sponsored by Bank of the Carolinas. The choice to use WP for such a site was an easy one but with many creative minds involved in the brainstorming processes it quickly became a whole new beast. Below I'll describe each aspect of the Moment to Shine web site and the challenges I faced during the development process.

    1) Custom Theme - Creating Themes for WP is nothing new. I started with Kubrick for clean file structure and knocked out all the major players: page.php, single.php, sidebar.php, header.php, footer.php, index.php, home.php, archive.php. We also had a few special pages which required custom templates: http://www.momenttoshine.com/share-some-shine/ and http://www.momenttoshine.com/shining-customers/ are two examples.

    2) User submitted stories - One of the main reasons I chose WP as the CMS for this project turned out to be one of the most challenging pieces of the puzzle. The initial setup was accomplished using the new roles system. By setting the CONTRIBUTOR role to have access ONLY to submit posts for review, half the work was already done. Then our creative team made two decisions that made things more difficult. A) The story creation tools had to match the look and feel of the site. B) The user needs to be able to select from 19 SHINE icons to attach to their stories upon submission.

    CHALLENGE A: Anyone familiar with WP knows that the admin tools have their own look and feel so to meet this objective I had to tweak the code on wp-login.php and wp-admin/post-new.php to adopt all of the design elements of the other client facing pages.

    CHALLENGE B: Allowing users to select a SHINE Icon to attach to their stories required adding a new custom meta-box to the wp-admin/edit-form-advanced.php screen and adding a new field to store the icon numbers with each story. While a plug-in approach to this challenge would have been ideal, our timeline was too aggressive and this feature was hardcoded into the core code set (bad practice, I know but it couldn't be helped in this case).

    3) Custom Welcome Message - When users register to participate in the writing contest they are presented with a custom "Thank You" screen which was achieved by modifying the "redirect" parameter of the login/register screens. A more robust registration process was achieve through use of the Register-Plus plug-in.

    4) Approve / Reject Process with Email Notifications - Again, a plugin came to the rescue for this feature. The Zensor plugin (while still very early in development) turns the approval process into a two step process. It's a little klunky in it's current state but through heavy modifications I was able to give our administrators the ability to Approve and Reject user stories and automatically update the original author via email using custom SHINE branded HTML emails.

    5) Custom E-Cards with SHINE Icons - The Custom SHINE eCards (http://www.momenttoshine.com/share-some-shine/) were built into the theme using mostly custom PHP. Of all the pieces of the project, this one is probably the least integrated into WordPress.

    6) Share a story with a friend - This functionality comes in the form of a plug-in called WP-Email. If I recall correctly I had to modify the code slightly to allow for SHINE branded HTML emails but for the most part this plug-in matched my needs quite nicely.

    7) Voting on Stories - Again, at it's core this web site is a writing contest and rather than have a panel of judges we decided to open voting to the general public. We achieved this with a great plugin called WP-Ratings which I highly recommend for it's customization options, WP integration and ease of use.

    So there you have it. A quick and dirty case study to give you all an idea of how I pulled the site off. It's not perfect by any means but it was a very good learning experience.

    Thanks for reading.
    David

  2. tnmadmin
    Member
    Posted 6 years ago #

    27 Referrals from this post and no feedback... is it that bad?

    I know I'm a new poster but I can take the heat. What do you all think?

  3. houseofboyd
    Member
    Posted 6 years ago #

    You can tell a lot of work has gone into making this a unique site. I think it looks awesome.

  4. Anonymous
    Unregistered
    Posted 6 years ago #

    It was interesting to read about the customization you were able to accomplish. The site is very clean and easy to read and understand.

  5. tnmadmin
    Member
    Posted 6 years ago #

    @houseofboyd - thanks. a lot of work is an understatement. i had no idea what i was getting myself into when we started. =] worth it in the end though.

    @rslaugh - that's great news. the biggest concern the client had is that it wouldn't feel intuitive so a lot of time and effort went into making the interface effortless.

    Thanks for the feedback!

  6. whooami
    Member
    Posted 6 years ago #

    Nice blogs/sites/whatever never get a lot of feedback :) Seriously. If you dont get a lot of responses that means they couldnt find anything negative to say.

  7. tnmadmin
    Member
    Posted 6 years ago #

    @whooami - lol...very interesting point. I've never looked at it like that. The whole, 'no news is good news mentality'. Thanks.

  8. jddavies
    Member
    Posted 5 years ago #

    David,

    I really want to convert my web site to WordPress and I need to find some tutorial that will help me jump start the process. Do you know of any that you would recommend?

    Thanks,

    Jim Davies - The Web Professor

  9. ikzitop
    Member
    Posted 5 years ago #

    Hello David,

    I'm looking for a similar solution without the images. Do you offer paid service or help? Todo mini forms plugin didn't work for me. If so please contact me on twitter.com/Jijper

    Regards Marco

  10. Fernby
    Member
    Posted 5 years ago #

    Sweet looking site: nice colour scheme. I never really liked yellow as a colour on screen, but somehow with this site it works. Well done.

  11. designguy2006
    Member
    Posted 5 years ago #

    Hey tnadmin,

    I wondered if you created the custom eCard php (or plugin) and if you'd be interested in giving me a quote for a similar project?

    I need to create a couple custom ecards for a client and haven't found very many WP plugins or even custom php eCards available. Plus, I really like the UI in the creation of those cards on "shine."

    Please feel free to get in touch with me at stephen@stephenparks.com

    Thanks so much!

  12. mores
    Member
    Posted 5 years ago #

    Awesome. First of all, the site looks amazing, nice and clean, and your project recap is very informative as well.

    Say ... how exactly did you rewrite post-new.php?
    I find myself in a similar situation where I need to edit a core file to "embed" it into the site. Actually, the login and register thing works fine with CYC (customize your community), but alkivia's user gallery upload page needs embedding ... and I have no idea how to do this.

    But again, really great work, that!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.