Return to Showcase

Showing Off Wasdale Mountain Rescue

Home Forums Graphene WordPress theme Showcase Showing Off Wasdale Mountain Rescue

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #1664
    Jon Lynch
    Member

    Hi,

    Just looking for feedback on http://www.wmrt.org.uk. Particularly from anyone using IE9 since my PC is running XP I can’t test it in IE9.

    Thankyou for an excellent theme!

    Jon

    #16706

    It looks good in IE9. In fact, it looks the same as it does in Firefox 6. I love what you have done with the top-nav bar and the footer. A very creative use of what is otherwise usually blank space. Please tell us how you did this.

    Thanks,

    Ken

    #16707
    Jon Lynch
    Member

    Thank you Ken,

    For the header I hooked onto the graphene_feed_icon action hook and used numbers greater than 10 (the default) for the order. Since all three added bits are floated left I gave About Us 11, Contact Us 12, and the Rescue Counter 13. Then I cloned the CSS to match the nav menu.

    eg:

    <?php

    /* — Adds About us link to top bar — */

    add_action(‘graphene_feed_icon’,’wmrt_about_us’, 11);

    function wmrt_about_us() {

    echo ‘<div id=”wmrt_aboutus”><link a href=”‘ . get_site_url() . ‘/about-us/” title=”About Us”><span>About Us</span></link a></div>’;

    }

    ?>

    I added link to stop the forum software mangling it.

    Hope this makes sense, and thanks for the feedback.

    Jon

    #16708

    I added link to stop the forum software mangling it.

    Using backticks is your best bet for this.

    Action hooks! I was just looking into this today and seeing how they could be used and then here’s a perfect example. Talk about serendipity. You’ve definitely given me a lot to think about here.

    Thanks,

    Ken

    #16709
    Syahir Hakim
    Keymaster

    Looks good! Maybe add little icons for the sunset and sunrise time? Also, it’ll probably be better to define a background colour for the header (eg. black), so that it won’t be see-through while the header image is loading.

    #16710

    It looks amazing 🙂

    How did you add that ‘Want to join the team?’ text at the bottom of the site?

    #16711

    Not sure, but that looks like a custom menu added to the footer menu area. I haven’t messed around too much with the footer menu, but it is one of those other under-utilized areas.

    Jon, you are really making good use of everything that Graphene has to offer. Well done!

    Ken

    #16712
    Jon Lynch
    Member

    Syahir, thank you very much for the feedback, and of course the excellent theme, both ideas now implemented.

    Charlie, Yes I just created another menu in the custom menus and then set it to the footer menu. Nothing too complicated.

    Ken, thank you !

    #16713
    sfry77
    Member

    Excellant Facebook menu on the left. I am still learning menu building and would like to know how you did that one. Thanks.

    #16714
    sfry77
    Member

    Never mind. Figured it out!

    #16715
    sfry77
    Member

    Well I thought I figured it out. How did you get the Facebook Like Box to fill the column. I cannot get it to center and fill the box. Also, how did you get the menu title to be a hyperlink? You have a great site and I am learning a lot about word press trying to incorporate some of your ideas into a site I am setting up for a non profit foundation in memory of my nephew that died at age 25. Thanks

    #16716
    Jon Lynch
    Member

    I use the following code: I put it in a plugin but I think it should work in your functions.php.

    //
    
    Facebook Widget
    class FacebookWidget extends WP_Widget
    {
    function FacebookWidget()
    {
    $widget_ops = array('classname' => 'FacebookWidget', 'description' => 'Displays a Facebook Link' );
    $this->WP_Widget('FacebookWidget', 'Facebook Link', $widget_ops);
    }

    function form($instance)
    {
    $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
    $title = $instance['title'];
    ?>
    <p><label for="<?php echo $this->get_field_id('title'); ?>">Title: <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo attribute_escape($title); ?>" /></label></p>
    <?php
    }

    function update($new_instance, $old_instance)
    {
    $instance = $old_instance;
    $instance['title'] = $new_instance['title'];
    return $instance;
    }

    function widget($args, $instance)
    {
    extract($args, EXTR_SKIP);

    echo $before_widget;
    $title = '<a href="http://www.facebook.com/WasdaleMRT" title="Visit our Facebook page" rel="nofollow">Facebook Latest</a>';

    if (!empty($title))
    echo $before_title . $title . $after_title;

    echo '<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/wasdalemrt" width="255" height="588" show_faces="true" border_color="" stream="true" header="false"></fb:like-box>';
    echo $after_widget;
    }

    }
    add_action( 'widgets_init', create_function('', 'return register_widget("FacebookWidget");') );

    This should create a new widget that you can place on your site. You just need to change the target in the link and the facebook username. You may have to play around with the css and height and width to get it to fit. You should be able to use firebug on my version to see what I did to get it to line up.

    I hope this helps.

    Jon

    #16717
    sfry77
    Member

    Thank you Jon. I am having trouble with syntax errors but will keep on working on it. Still learning this wordpress thing but I am getting there. Firebug certainly helps. Thanks again!

    #16718
    Jon Lynch
    Member

    Sorry I cut and pasted the above from the plugin, it does not include the <?php tag before the code and ?> after it.

    That may help

    Jon

    #16719
    qazwsx
    Member

    @ Jon,

    <?php

    /* — Adds About us link to top bar — */

    add_action(‘graphene_feed_icon’,’wmrt_about_us’, 11);

    function wmrt_about_us() {

    echo ‘<div id=”wmrt_aboutus”><link a href=”‘ . get_site_url() . ‘/about-us/” title=”About Us”><span>About Us</span></link a></div>’;

    }

    ?>

    I’ve tried to get this to work along with your css that i found with firebug. But, I just can’t get it to work at all.

    Can you help?

    Thanks

Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in to reply to this topic.