Skip to:
Content
Pages
Categories
Search
Top
Bottom

h-mag.com


  • Simon Dabkowski
    Participant

    @simoncreative

    First off I would like to thank the BuddyPress team for developing an amazing tool for creating a social media network. For the past 4 months I’ve been developing a companion site for a magazine that we’re launching here in Hoboken, NJ. Using BuddyPress, WordPress MU, and a ton of various jqueries, I designed a site allowing our future readers to join in our community, add events, classifieds, images, and post comments on our articles. The site is set to launch in a few days:

    http://www.h-mag.com

    The current front page: http://www.h-mag.com/temp

    and our community: http://www.h-mag.com/community

Viewing 25 replies - 1 through 25 (of 37 total)

  • bpisimone
    Participant

    @bpisimone

    Looking great. One more example what can be done using this software. Hoping mine will be ready sometime in the near future as well.


    David Lewis
    Participant

    @takeo

    Nice. Good to see someone do some real theme work (not just colors).

    Are you using bp-events? The latest trunk lists the directory view by date. Much better than by active. I also added a tiny function to bp-events-templatetags.php to display event dates in the directory. I imagine this will show up in the trunk eventually. Probably just an oversight not to have a site event start date function.

    function bp_the_site_event_date_start() {
    echo bp_get_the_site_event_date_start();
    }
    function bp_get_the_site_event_date_start() {
    global $site_events_template;

    return apply_filters('bp_get_the_site_event_date_start',
    date(('l M j - Y'), $site_events_template->event->date_start));
    }

    Of course, you could use whatever date format you like. I happen to like “l M j – Y”.

    In your directory loop you’d just use this to display:

    <?php bp_the_site_event_date_start() ?>


    Simon Dabkowski
    Participant

    @simoncreative

    Thanks David! just added. Looking at the latest trunk I see you guys have been working on a calendar for the plugin. I can’t wait :)


    stwc
    Participant

    @stwc

    Very nice work. Makes me want to revisit my nearly-bog-standard home page and go to town on it. I think I just might do that today!

    Any tips/tuts you care to share on how you did some of the neater stuff (like the modal registrations) would sure be appreciated!


    Simon Dabkowski
    Participant

    @simoncreative

    One of my favorite modular lightboxes: PrettyPhoto

    http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

    I redesigned a lot of the core BP components so it’d be hard for me to give a step-by-step. I’ve setup several different header / footer files using BP’s Conditional Tags.

    The bets tip that I can give you is to just color outside the line. I started out by designing a wordpress template and after installing BP, I brought each directory from the default BP parent theme structure one by one and went from there. I went over every single style in the CSS file and modified each one to match the look of my theme.


    stwc
    Participant

    @stwc

    Thanks!


    David Lewis
    Participant

    @takeo

    @simoncreative: Just to clarify… I am NOT part of the bp-events team. I just made up that little template tag function on my own. So I don’t know for sure if it will make it into the trunk or not. Keep that in mind when updating bp-events. This is my own personal little “hack”. When I mentioned it to Erwin, he seemed to think that such a template tag function already exists. But I checked and double-checked and said function does not exist.


    Bowe
    Participant

    @bowromir

    I couldnt post due to a small issue, but like I told you before: This is an awesome modification and I’m very impressed with the overall look and feel of your site.. best custom BP work I’ve seen so far!


    Simon Dabkowski
    Participant

    @simoncreative

    @David Lewis Gotcha! sry about that :) I double checked bp events and it looks like Erwin added a new filer ‘upcoming’ to the latest trunk, that’s probably what he was referring to. I added your custom function my own installation and it works like a charm! tx ;)

    @Bowe tx again! I just got through getting rid of some IE bugs such as z-index and custom submit buttons not functioning. Good ol’ ie. The site goes live tonight and we’re having a launch party tomorrow night. I hope we get some good feedback and a get this community growing.


    Pedro Candeias
    Participant

    @nervo

    @simoncreative It´s awesome. Like Bowe said, best custom BP work i’ve seen. I’m building a small local newspaper using WPMU+BP and i’ve been doing exactly the same thing you did: going over every single style in the CSS.


    Simon Dabkowski
    Participant

    @simoncreative

    @Nervo thank you so much :)

    Just found out that we got listed on WPMU.org’s 17 of the Best and Beautiful!. We’re all ecstatic here.

    http://wpmu.org/buddypress-eye-candy-17-of-the-best-and-beautiful/


    Jean-Pierre Michaud
    Participant

    @nexia

    ok, so how come my site is now on that list?

    rofl

    p.s. re: my custom template tag above to show the start dates in the directory view… I just clued in and realized that I should be doing this in the functions.php file rather than hacking Erwin’s plugin. So here’s the function to add to the functions.php file of your theme.

    function bp_the_site_event_date_start() {
    echo bp_get_the_site_event_date_start();
    }
    function bp_get_the_site_event_date_start() {
    global $site_events_template;

    return apply_filters( 'bp_get_the_site_event_date_start', date( ('l M j - Y'), $site_events_template->event->date_start ) );
    }
    add_action( 'plugins_loaded', 'bp_the_site_event_date_start');

    Then in the event directory loop template in your theme, just call it like this

    <?php p_get_the_site_event_date_start() ?>


    thelandman
    Participant

    @thelandman

    Nicely done mate! That’s quite slick design you’ve put together. Also I like the style, that’s a similar style to how I design… 10/10 :D


    redyor
    Participant

    @redyor

    This is the best integration i have seen so far between WordPress MU and Buddypress. Great Work!

    Also i do have a question, what plugin are you using for the Classified?

    Is it a 3rd party script ? custom script ? or something else???

    Thanks!


    Ted Mann
    Participant

    @tedmann

    Agreed. H-mag is spectacular. I found myself spending the better part of the day poking around, earning achievements, looking through classifieds, figuring out how events work. Tried to get back to work, and here it is the evening and I’m back on h-mag spending even more time. You’ve really raised the bar, Simon. Well done!

    Like, redyor, I’m dying to know how you did a bunch of these customizations — classifieds being one I’m most curious about. Is that a version of http://www.awpcp.com/ ? Something custom?

    Yep – classifieds looks great and I would need something like that… How did you do it? Could that be a plugin, you would like to release :-)???

    and by the way: your events are just what I am longing for!!!


    Windhamdavid
    Participant

    @windhamdavid

    Simon, that is very nice work!


    Simon Dabkowski
    Participant

    @simoncreative

    @redyor tx! I build the Classifieds plugin by doing some heavy modification to the BP Events plugin.

    @Ted Tx again :) The JQuery for the filter effect is based off of http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours

    @Michael Berra Because every plugin is custom build for the h-mag template, I can’t release any of the plugins.

    The calendar for BP Events plugin is based off of http://arshaw.com/fullcalendar/


    redyor
    Participant

    @redyor

    Thanks Simon for Sharing !

    Are you referring to the following BP Events plugin?

    https://wordpress.org/extend/plugins/bp-events/


    Simon Dabkowski
    Participant

    @simoncreative

    Spent the past 3 months rebuilding h-mag.com from scratch in order to take advantage of the new BP.

    Here are some new features:
    1. New UI: collapse and dock widget boxes, combine some of the new jquery loading elements that came with BP 1.2., added in some of my own jquery for the nav and user navs for both logged in and guest users.
    1. Events: I decided to build my own CMS system for events that’s not dependent on BP. This will save me a lot of work in the future by not having to upgrade it with future releases of BP. All events still populate the user’s name, id, etc, however, submitted events are heald for moderation within my own CMS. I also added the ability of downloading both iCal and Outlook calendar files for every event. Finally, I made use of Bing’s new API to render the location of each event.
    3. Shuttle: The city of Hoboken introduced The Hop, a shuttle that runs through the city. With the help of our intern Alex Delgado, we’re not only showing an up-to-date location of the shuttle visually on a map but we’re also able to do reverse gecoding by echoing out its cross-street location.
    4. I’m currently tracking the progress of BP Album and plan on intergrading it to the site soon.

    http://www.h-mag.com


    Psyber
    Participant

    @psyber

    Inspirational :-)


    Mike
    Participant

    @suchaqd

    @simoncreative This is absolutely STUNNING! I can see subtle differences from the older version, so it’s really impressive how you were able to keep everything consistent with the upgrade. Big question though: How many hours do you anticipate spending on upgrading h-mag.com with every major release of BP?


    Simon Dabkowski
    Participant

    @simoncreative

    Thank you :)

    My biggest fear would be WP 3.0 and BP 1.3 released tomorrow with new features like linkedin API support, built in e-commerce, and perhaps even video streaming support.. hours? nono lol most likely weeks, maybe months :) In the end, BP has opened up a world of possibilities of running your own social network, however, the designer/developer decides how to implement it into their design, which features they should tap into, and how everything should function. If an upgrade was just a click away, every BP site out there would look and function the same with perhaps a different color scheme and a different header. Fortunately, thats not the case and every new design, plugin thats contributed helps to form future releases.

    I love h-mag website, congrats Simon!!! your web is the best example to show what can be done with buddypress

Viewing 25 replies - 1 through 25 (of 37 total)
  • The topic ‘h-mag.com’ is closed to new replies.
Skip to toolbar