Community Forums › Forums › Archived Forums › General Discussion › Change home page layout on home page
Tagged: image slider plugin, sleek theme
- This topic has 10 replies, 3 voices, and was last updated 10 years, 10 months ago by Roweshow.
-
AuthorPosts
-
February 24, 2013 at 11:38 pm #22645robMember
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.
February 25, 2013 at 6:52 am #22680Brad DaltonParticipantYou 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
February 26, 2013 at 3:23 pm #22972robMemberI 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();
February 26, 2013 at 11:37 pm #23045robMemberSorry... 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(); ?>
March 5, 2013 at 12:10 pm #24340robMemberAny ideas?
March 5, 2013 at 2:58 pm #24394Brad DaltonParticipantPersonally, 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.
March 9, 2013 at 4:15 pm #25221robMemberI 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?
March 9, 2013 at 11:39 pm #25260Brad DaltonParticipantJune 5, 2013 at 11:18 am #44169RoweshowMemberHello,
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
June 5, 2013 at 11:31 am #44171Brad DaltonParticipantI 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.
June 5, 2013 at 1:46 pm #44195RoweshowMemberMoney. Thanks Brad.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.