askdesign
8/11/2016 - 2:03 PM

Relocate a Home Page Widget on the Pretty Creative Theme

~ Susan Ramsey 3.18.16

//* Add homepage widgets
function prettycreative_homepage_widgets() {

	genesis_widget_area( 'home-top', array(
		'before' => '<div id="home-top" class="home-top"><div class="widget-area ' . prettycreative_widget_area_class( 'home-top' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-subscribe-widget', array(
		'before' => '<div id="home-subscribe-widget" class="home-subscribe-widget"><div class="widget-area ' . prettycreative_widget_area_class( 'home-subscribe-widget' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-portfolio-widget', array(
		'before' => '<div id="home-portfolio-widget" class="home-portfolio-widget"><div class="widget-area ' . prettycreative_widget_area_class( 'home-portfolio-widget' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	
	genesis_widget_area( 'home-page-1', array(
		'before' => '<div id="home-page-1" class="home-page-1"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-1' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-page-2', array(
		'before' => '<div id="home-page-2" class="home-page-2"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-2' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-page-3', array(
		'before' => '<div id="home-page-3" class="home-page-3"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-3' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );
}

genesis();
http://onehappystudio.com/relocate-a-home-page-widget-on-the-pretty-creative-theme/

The Pretty Creative by Pretty Darn Cute Design is an extremely versatile theme, designed for Creatives, which I think is perfect for those looking for a fully widgetized home page, giving you lots of options to display a Portfolio, Shop, and Blog posts.

As part of providing theme support, I get asked a lot of questions that are outside the scope of theme support* Most recently, I was asked how to relocate a Home Page Widget, so  I thought it appropriate to write a post, and tell you how to do just that.

If you have access to make adjustments to your PHP files via your WordPress dashboard, navigate to Dashboard > Appearance > Editor > front-page.php. Look for this:
These are your Home Page Widgets. If you want to change the location of any of these widgets, change the way the order in which they display in the file.

So, for example, to move the Subscription widget to below the Full Width Image widget, move the subscription widget code to below the home-top widget code:
//* Add homepage widgets
function prettycreative_homepage_widgets() {

	genesis_widget_area( 'home-subscribe-widget', array(
		'before' => '<div id="home-subscribe-widget" class="home-subscribe-widget"><div class="widget-area ' . prettycreative_widget_area_class( 'home-subscribe-widget' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-top', array(
		'before' => '<div id="home-top" class="home-top"><div class="widget-area ' . prettycreative_widget_area_class( 'home-top' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-portfolio-widget', array(
		'before' => '<div id="home-portfolio-widget" class="home-portfolio-widget"><div class="widget-area ' . prettycreative_widget_area_class( 'home-portfolio-widget' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	
	genesis_widget_area( 'home-page-1', array(
		'before' => '<div id="home-page-1" class="home-page-1"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-1' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-page-2', array(
		'before' => '<div id="home-page-2" class="home-page-2"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-2' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'home-page-3', array(
		'before' => '<div id="home-page-3" class="home-page-3"><div class="widget-area ' . prettycreative_widget_area_class( 'home-page-3' ) . '"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );
}

genesis();