Change home page layout on home page

Community Forums Forums General Discussion Change home page layout on home page

This topic is: not resolved

This topic contains 10 replies, has 3 voices, and was last updated by  Roweshow 10 months, 2 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #22645

    rob
    Participant
    Post count: 11

    Hello, I have a Sleek template and would like to change the home page layout. I want to remove “home top right” and have “home top left” expand over in to it’s spot. So I would have a slideshow that took up the whole top of the layout. I have looked at home.php and cant figure out how to change these sections. Any help would be appreciated.

    http://www.lakestream.com

    #22680

    braddalton
    Participant
    Post count: 7438

    You can modify your home.php file or create a widget area after your header but before your content and sidebar, full width.

    http://www.briangardner.com/welcome-text-widget/

    Use the Widget Logic plugin with a conditional tag if needed


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #22972

    rob
    Participant
    Post count: 11

    I would like to just change the home.php file but I cant seem to figure out how or where to make the changes. Mt thought is to remove the home top right completely and make home top left bigger? Seems pretty straight forward but I dont see where I can make home top left bigger? Here is the home.php file. Any help would be appreciated.

    Widgets screen. There you can drag the Genesis – Featured Posts widget into the Home Top Left widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.”, ‘genesis’); ?>

    Widgets screen. There you can drag the Genesis – Featured Posts widget into the Home Top Right widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.”, ‘genesis’); ?>




    <?php get_footer();

    #23045

    rob
    Participant
    Post count: 11

    Sorry… Copy and paste did not do so well……
    home.php

    <?php get_header(); ?>

    <div id=”home”>

    <div id=”home-top”>
    <div class=”home-top-left”>
    <?php if (!dynamic_sidebar(‘Home Top Left’)) : ?>
    <div class=”widget”>
    <h4><?php _e(“Home Top Left”, ‘genesis’); ?></h4>
    <div class=”wrap”>
    <p><?php _e(“This is a widgeted area which is called Home Top Left. It is using the Genesis – Featured Posts widget to display what you see on the Sleek child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis – Featured Posts widget into the Home Top Left widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.”, ‘genesis’); ?></p>
    </div><!– end .wrap –>
    </div><!– end .widget –>
    <?php endif; ?>
    </div><!– end .home-top-left –>
    <div class=”home-top-right”>
    <?php if (!dynamic_sidebar(‘Home Top Right’)) : ?>
    <div class=”widget”>
    <h4><?php _e(“Home Top Right”, ‘genesis’); ?></h4>
    <div class=”wrap”>
    <p><?php _e(“This is a widgeted area which is called Featured Bottom Right. It is using the Genesis – Featured Posts widget to display what you see on the Sleek child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis – Featured Posts widget into the Home Top Right widget area on the right hand side. To get the image to display, simply upload an image through the media uploader on the edit page screen and publish your page. The Featured Posts widget will know to display the post image as long as you select that option in the widget interface.”, ‘genesis’); ?></p>
    </div><!– end .wrap –>
    </div><!– end .widget –>
    <?php endif; ?>
    </div><!– end .home-top-right –>
    </div><!– end #home-top –>

    <div id=”home-bottom”>
    <div class=”wrap”>
    <div class=”home-bottom-1″>
    <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Home Bottom #1′) ) : ?>
    <div class=”widget”>
    <div class=”widget-wrap”>
    <h4><?php _e(“Home Bottom #1 Widget”, ‘genesis’); ?></h4>
    <p><?php _e(“This is an example of a widgeted area that you can place text to describe a particular product or service. You can also use other WordPress widgets such as recent posts, recent comments, a tag cloud or more.”, ‘genesis’); ?></p>
    </div>
    </div>
    <?php endif; ?>
    </div><!– end .home-bottom-1 –>
    <div class=”home-bottom-2″>
    <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Home Bottom #2′) ) : ?>
    <div class=”widget”>
    <div class=”widget-wrap”>
    <h4><?php _e(“Home Bottom #2 Widget”, ‘genesis’); ?></h4>
    <p><?php _e(“This is an example of a widgeted area that you can place text to describe a particular product or service. You can also use other WordPress widgets such as recent posts, recent comments, a tag cloud or more.”, ‘genesis’); ?></p>
    </div>
    </div>
    <?php endif; ?>
    </div><!– end .home-bottom-2 –>
    <div class=”home-bottom-3″>
    <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Home Bottom #3′) ) : ?>
    <div class=”widget”>
    <div class=”widget-wrap”>
    <h4><?php _e(“Home Bottom #3 Widget”, ‘genesis’); ?></h4>
    <p><?php _e(“This is an example of a widgeted area that you can place text to describe a particular product or service. You can also use other WordPress widgets such as recent posts, recent comments, a tag cloud or more.”, ‘genesis’); ?></p>
    </div>
    </div>
    <?php endif; ?>
    </div><!– end .home-bottom-3 –>
    </div><!– end .wrap –>
    </div><!– end #home-bottom –>

    </div><!– end #home –>

    <?php get_footer(); ?>

     





    #24340

    rob
    Participant
    Post count: 11

    Any ideas?

    #24394

    braddalton
    Participant
    Post count: 7438

    Personally, i would add a new full width widget area to the homepage using a conditional tag. http://codex.wordpress.org/Conditional_Tags

    You can remove the 2 widgets from the home.php file and also remove the CSS from the style.css file if needed but maybe you won’t need to do this.

    Here’s a tutorial which covers how to do this: http://designsbynickthegeek.com/tutorials/add-widgeted-sidebar

    Editing template files isn’t best practice and a last resort if you can’t use custom functions.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #25221

    rob
    Participant
    Post count: 11

    I guess I’m surprised that there is not a place in the code to deisgnate how big home top left is? Then delete out home top right?

    #25260

    braddalton
    Participant
    Post count: 7438

    Try that but backup the file first.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #44169

    Roweshow
    Participant
    Post count: 2

    Hello,

    On the homepage of the Sleek theme, I am trying to add wp-cycle image slider. It worked for one of my sites (christchurchvineyard.com) but not the other (http://hd.impossiblewebdesign.com/).  I have no idea why.  The other sliders I have tried are not as good.

    Any suggestions as to how to make this work?

    Thanks

    Aaron

    #44171

    braddalton
    Participant
    Post count: 7438

    I see the shortcode in the widget area. Did you add support for shortcodes in widgets to your child themes functions.php file?

    add_filter('widget_text', 'do_shortcode');
    

    Easing Slider and Soliloquy are both good slider plugins.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #44195

    Roweshow
    Participant
    Post count: 2

    Money. Thanks Brad.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.