neilgee · November 14, 2019 21:55 · May 29, 2016 · Mar 25, 2016 · Mar 25, 2016 · Mar 25, 2016
diff --git a/output-css.php b/output-css.php
@@ -13,7 +13,7 @@ function genesischild_css() {
 
 	$hero_bg_image = get_theme_mod( 'hero_bg' ); // Assigning it to a variable to keep the markup clean.
 
-	$css = ( $hero_bg_image !== '') ? sprintf('
+	$css .= ( !empty($hero_bg_image) ) ? sprintf('
 	.herocontainer {
 		background: url(%s) no-repeat center;
 		background-size: cover;

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -6,35 +6,33 @@
  */
 function genesischild_register_theme_customizer( $wp_customize ) {
 
-// Create custom panel
-$wp_customize->add_panel( 'featured_images', array(
-	'priority'       => 70,
-	'theme_supports' => '',
-	'title'          => __( 'Featured Images', 'genesischild' ),
-	'description'    => __( 'Set background images for certain widgets.', 'genesischild' ),
-) );
+	// Create custom panel.
+	$wp_customize->add_panel( 'featured_images', array(
+		'priority'       => 70,
+		'theme_supports' => '',
+		'title'          => __( 'Featured Images', 'genesischild' ),
+		'description'    => __( 'Set background images for certain widgets.', 'genesischild' ),
+	) );
 
-// Add section
- $wp_customize->add_section( 'hero_background' , array(
-   	'title'      => __('Hero Background','genesischild'),
-   	'panel'      => 'featured_images',
-	'priority'   => 20
- ) );
-
- // Add setting
- $wp_customize->add_setting( 'hero_bg', array(
-	'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
-	 )
- );
-
- // Add control
- $wp_customize->add_control(
-	  new WP_Customize_Image_Control(
-	  $wp_customize, 'hero_background_image', array(
-		'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
-		'section'    => 'hero_background',
-		'settings'   => 'hero_bg',
-		)
-	 )
-  );
+	// Add Featured Image for Hero Widget
+	// Add section.
+	$wp_customize->add_section( 'hero_background' , array(
+		'title'      => __( 'Hero Background','genesischild' ),
+		'panel'      => 'featured_images',
+		'priority'   => 20,
+	) );
+
+	// Add setting.
+	$wp_customize->add_setting( 'hero_bg', array(
+		'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
+	) );
+
+	// Add control.
+	$wp_customize->add_control( new WP_Customize_Image_Control(
+		$wp_customize, 'hero_background_image', array(
+			  'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
+			  'section'    => 'hero_background',
+			  'settings'   => 'hero_bg',
+			  )
+	) );
 }
diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -24,7 +24,6 @@ function genesischild_register_theme_customizer( $wp_customize ) {
  // Add setting
  $wp_customize->add_setting( 'hero_bg', array(
 	'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
-	'description' => __('this is the description', 'genesischild'),
 	 )
  );
 

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -35,7 +35,7 @@ function genesischild_register_theme_customizer( $wp_customize ) {
 		'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
 		'section'    => 'hero_background',
 		'settings'   => 'hero_bg',
-		  )
-	  )
+		)
+	 )
   );
 }
diff --git a/output-css.php b/output-css.php
@@ -7,7 +7,7 @@
 function genesischild_css() {
 	wp_enqueue_style( 'genesischild', get_stylesheet_directory_uri() . '/style.css' );
 
-	$handle = 'genesischild';
+	$handle = 'genesischild';  // Swap in your CSS Stylesheet ID
 
 	$css = '';
 

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -8,32 +8,33 @@ function genesischild_register_theme_customizer( $wp_customize ) {
 
 // Create custom panel
 $wp_customize->add_panel( 'featured_images', array(
-	'priority' => 70,
+	'priority'       => 70,
 	'theme_supports' => '',
-	'title' => __( 'Featured Images', 'genesischild' ),
-	'description' => __( 'Set background images for certain widgets.', 'genesischild' ),
+	'title'          => __( 'Featured Images', 'genesischild' ),
+	'description'    => __( 'Set background images for certain widgets.', 'genesischild' ),
 ) );
 
-
 // Add section
  $wp_customize->add_section( 'hero_background' , array(
-   'title'      => __('Hero Background','genesischild'),
-   'panel'      => 'featured_images',
-   'priority'   => 20
+   	'title'      => __('Hero Background','genesischild'),
+   	'panel'      => 'featured_images',
+	'priority'   => 20
  ) );
+
  // Add setting
  $wp_customize->add_setting( 'hero_bg', array(
-		 'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
-		 'description' => __('this is the description', 'genesischild'),
+	'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
+	'description' => __('this is the description', 'genesischild'),
 	 )
  );
+
  // Add control
  $wp_customize->add_control(
 	  new WP_Customize_Image_Control(
 	  $wp_customize, 'hero_background_image', array(
-			  'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
-			  'section'    => 'hero_background',
-			  'settings'   => 'hero_bg',
+		'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
+		'section'    => 'hero_background',
+		'settings'   => 'hero_bg',
 		  )
 	  )
   );

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -15,7 +15,6 @@ function genesischild_register_theme_customizer( $wp_customize ) {
 ) );
 
 
-// Add Featured Image for Hero Widget
 // Add section
  $wp_customize->add_section( 'hero_background' , array(
    'title'      => __('Hero Background','genesischild'),

diff --git a/widget-register.php b/widget-register.php
@@ -1,10 +1,8 @@
 <?php
-/**
- * Register and unregister and position all the widgets.
- */
+
 add_action( 'widgets_init', 'genesischild_extra_widgets' );
 /**
- * Register new Widget areas and position them.
+ * Register new Widget area and position it after the header.
  */
 function genesischild_extra_widgets() {
 

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -3,7 +3,6 @@
 add_action( 'customize_register', 'genesischild_register_theme_customizer' );
 /*
  * Register Our Customizer Stuff Here
- *
  */
 function genesischild_register_theme_customizer( $wp_customize ) {
 

diff --git a/output-css.php b/output-css.php
@@ -3,7 +3,6 @@
 add_action( 'wp_enqueue_scripts', 'genesischild_css' );
 /**
  * Output CSS for background image
- *
  */
 function genesischild_css() {
 	wp_enqueue_style( 'genesischild', get_stylesheet_directory_uri() . '/style.css' );

diff --git a/widget-register.php b/widget-register.php
@@ -1,8 +1,6 @@
 <?php
 /**
  * Register and unregister and position all the widgets.
- *
- * @package genesischild
  */
 add_action( 'widgets_init', 'genesischild_extra_widgets' );
 /**

diff --git a/add-customizer-option.php b/add-customizer-option.php
@@ -0,0 +1,42 @@
+<?php
+
+add_action( 'customize_register', 'genesischild_register_theme_customizer' );
+/*
+ * Register Our Customizer Stuff Here
+ *
+ */
+function genesischild_register_theme_customizer( $wp_customize ) {
+
+// Create custom panel
+$wp_customize->add_panel( 'featured_images', array(
+	'priority' => 70,
+	'theme_supports' => '',
+	'title' => __( 'Featured Images', 'genesischild' ),
+	'description' => __( 'Set background images for certain widgets.', 'genesischild' ),
+) );
+
+
+// Add Featured Image for Hero Widget
+// Add section
+ $wp_customize->add_section( 'hero_background' , array(
+   'title'      => __('Hero Background','genesischild'),
+   'panel'      => 'featured_images',
+   'priority'   => 20
+ ) );
+ // Add setting
+ $wp_customize->add_setting( 'hero_bg', array(
+		 'default'     => get_stylesheet_directory_uri() . '/images/hero-bg.jpg',
+		 'description' => __('this is the description', 'genesischild'),
+	 )
+ );
+ // Add control
+ $wp_customize->add_control(
+	  new WP_Customize_Image_Control(
+	  $wp_customize, 'hero_background_image', array(
+			  'label'      => __( 'Add Hero Background Here, the width should be approx 1400px', 'genesischild' ),
+			  'section'    => 'hero_background',
+			  'settings'   => 'hero_bg',
+		  )
+	  )
+  );
+}
diff --git a/output-css.php b/output-css.php
@@ -0,0 +1,27 @@
+<?php
+
+add_action( 'wp_enqueue_scripts', 'genesischild_css' );
+/**
+ * Output CSS for background image
+ *
+ */
+function genesischild_css() {
+	wp_enqueue_style( 'genesischild', get_stylesheet_directory_uri() . '/style.css' );
+
+	$handle = 'genesischild';
+
+	$css = '';
+
+	$hero_bg_image = get_theme_mod( 'hero_bg' ); // Assigning it to a variable to keep the markup clean.
+
+	$css = ( $hero_bg_image !== '') ? sprintf('
+	.herocontainer {
+		background: url(%s) no-repeat center;
+		background-size: cover;
+	}
+	', $hero_bg_image ) : '';
+
+	if ( $css ) {
+		wp_add_inline_style( $handle  , $css );
+	}
+}
diff --git a/widget-register.php b/widget-register.php
@@ -15,7 +15,6 @@ function genesischild_extra_widgets() {
 		'name'          => __( 'Hero Home Page', 'genesischild' ),
 		'description'   => __( 'This is the Hero Home Page area', 'genesischild' ),
 	) );
-
 }
 
 add_action( 'genesis_after_header','genesischild_hero_widget' );

diff --git a/widget-register.php b/widget-register.php
@@ -0,0 +1,30 @@
+<?php
+/**
+ * Register and unregister and position all the widgets.
+ *
+ * @package genesischild
+ */
+add_action( 'widgets_init', 'genesischild_extra_widgets' );
+/**
+ * Register new Widget areas and position them.
+ */
+function genesischild_extra_widgets() {
+
+	genesis_register_sidebar( array(
+		'id'            => 'hero',
+		'name'          => __( 'Hero Home Page', 'genesischild' ),
+		'description'   => __( 'This is the Hero Home Page area', 'genesischild' ),
+	) );
+
+}
+
+add_action( 'genesis_after_header','genesischild_hero_widget' );
+/**
+ * Position the Hero Area.
+ */
+function genesischild_hero_widget() {
+	genesis_widget_area( 'hero', array(
+		'before' => '<section class="herocontainer"><div class="wrap hero">',
+		'after'  => '</div></section>',
+	));
+}