papacasper · June 4, 2019 17:48 · Jan 11, 2017 · Jan 11, 2017 · Jan 11, 2017 · Jan 11, 2017
diff --git a/photocount-ui.php b/photocount-ui.php
@@ -0,0 +1,3 @@
+<div id='photocount'>
+    <span><?php echo get_theme_mod( 'cd_photocount', 0 ) ?></span> photos
+</div>
diff --git a/range-control.php b/range-control.php
@@ -0,0 +1,12 @@
+$wp_customize->add_setting( 'cd_photocount' , array(
+    'default'     => 0,
+    'transport'   => 'postMessage',
+) );
+
+$wp_customize->add_control( new WP_Customize_Range( $wp_customize, 'cd_photocount', array(
+	'label'	=>  'Photo Count',
+    'min' => 10,
+    'max' => 9999,
+    'step' => 10,
+	'section' => 'title_tagline',
+) ) );
diff --git a/range.js b/range.js
@@ -0,0 +1,5 @@
+wp.customize( 'cd_photocount', function( value ) {
+	value.bind( function( newval ) {
+		$( '#photocount span' ).html( newval );
+	} );
+} );
diff --git a/range.php b/range.php
@@ -0,0 +1,30 @@
+if( class_exists( 'WP_Customize_Control' ) ) {
+	class WP_Customize_Range extends WP_Customize_Control {
+		public $type = 'range';
+
+        public function __construct( $manager, $id, $args = array() ) {
+            parent::__construct( $manager, $id, $args );
+            $defaults = array(
+                'min' => 0,
+                'max' => 10,
+                'step' => 1
+            );
+            $args = wp_parse_args( $args, $defaults );
+
+            $this->min = $args['min'];
+            $this->max = $args['max'];
+            $this->step = $args['step'];
+        }
+
+		public function render_content() {
+		?>
+		<label>
+			<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
+			<input class='range-slider' min="<?php echo $this->min ?>" max="<?php echo $this->max ?>" step="<?php echo $this->step ?>" type='range' <?php $this->link(); ?> value="<?php echo esc_attr( $this->value() ); ?>" oninput="jQuery(this).next('input').val( jQuery(this).val() )">
+            <input onKeyUp="jQuery(this).prev('input').val( jQuery(this).val() )" type='text' value='<?php echo esc_attr( $this->value() ); ?>'>
+
+		</label>
+		<?php
+		}
+	}
+}
diff --git a/button-text-control.php b/button-text-control.php
@@ -0,0 +1,10 @@
+$wp_customize->add_setting( 'cd_button_text' , array(
+    'default'     => 'Come On In',
+    'transport'   => 'postMessage',
+) );
+
+$wp_customize->add_control( 'cd_button_text', array(
+    'label' => 'Button Text',
+'section'	=> 'cd_button',
+'type'	 => 'text',
+) );
diff --git a/button-text-preview.php b/button-text-preview.php
@@ -0,0 +1,5 @@
+wp.customize( 'cd_button_text', function( value ) {
+  value.bind( function( newval ) {
+    $( '#intro a' ).html( newval );
+  } );
+} );
diff --git a/button-text.php b/button-text.php
@@ -0,0 +1 @@
+<a href="" class='button'><?php echo get_theme_mod( 'cd_button_text', 'Come On In' ) ?></a>
diff --git a/button.php b/button.php
@@ -0,0 +1,3 @@
+<div id='button-container'>
+    <?php cd_show_main_button() ?>
+</div>
diff --git a/partials.php b/partials.php
@@ -0,0 +1,5 @@
+function cd_show_main_button() {
+    if( get_theme_mod( 'cd_button_display', 'show' ) == 'show' ) {
+        echo "<a href='' class='button'>" . get_theme_mod( 'cd_button_text', 'Come On In' ) . "</a>";
+    }
+}
diff --git a/selective-refresh.php b/selective-refresh.php
@@ -0,0 +1,4 @@
+$wp_customize->selective_refresh->add_partial( 'cd_button_display', array(
+    'selector' => '#button-container',
+    'render_callback' => 'cd_show_main_button',
+) );
diff --git a/button-condition.php b/button-condition.php
@@ -0,0 +1,3 @@
+<?php if( get_theme_mod( 'cd_button_display', 'show' ) == 'show' ) : ?>
+    <a href="" class='button'>Come On In</a>
+<?php endif ?>
diff --git a/button-control.php b/button-control.php
@@ -0,0 +1,20 @@
+  $wp_customize->add_section( 'cd_button' , array(
+      'title'      => 'The Button',
+      'priority'   => 20,
+  ) );
+
+  $wp_customize->add_setting( 'cd_button_display' , array(
+      'default'     => true,
+      'transport'   => 'refresh',
+  ) );
+
+  $wp_customize->add_control( 'cd_button_display', array(
+  'label' => 'Button Display',
+  'section' => 'cd_button',
+  'settings' => 'cd_button_display',
+  'type' => 'radio',
+  'choices' => array(
+    'show' => 'Show Button',
+    'hide' => 'Hide Button',
+  ),
+) );
diff --git a/changing-identity.js b/changing-identity.js
@@ -0,0 +1,11 @@
+wp.customize( 'blogname', function( value ) {
+  value.bind( function( newval ) {
+    $( '#intro h1' ).html( newval );
+  } );
+} );
+
+wp.customize( 'blogdescription', function( value ) {
+  value.bind( function( newval ) {
+    $( '#intro h2' ).html( newval );
+  } );
+} );
diff --git a/default-transport.php b/default-transport.php
@@ -0,0 +1,2 @@
+$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
+$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
diff --git a/customizer-basic.js b/customizer-basic.js
@@ -0,0 +1,3 @@
+( function( $ ) {
+
+} )( jQuery );
diff --git a/customizer.js b/customizer.js
@@ -0,0 +1,9 @@
+( function( $ ) {
+
+  wp.customize( 'background_color', function( value ) {
+		value.bind( function( newval ) {
+			$( 'body' ).css( 'background-color', newval );
+		} );
+	} );
+
+} )( jQuery );
diff --git a/enqueue.php b/enqueue.php
@@ -0,0 +1,10 @@
+add_action( 'customize_preview_init', 'cd_customizer' );
+function cd_customizer() {
+	wp_enqueue_script(
+		  'cd_customizer',
+		  get_template_directory_uri() . '/customizer.js',
+		  array( 'jquery','customize-preview' ),
+		  '',
+		  true
+	);
+}
diff --git a/create-control.php b/create-control.php
@@ -1,5 +1,5 @@
 $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'background_color', array(
-	'label'        => 'Background Color'
+	'label'        => 'Background Color',
 	'section'    => 'cd_colors',
 	'settings'   => 'background_color',
 ) ) );
diff --git a/custom-css.php b/custom-css.php
@@ -0,0 +1,9 @@
+add_action( 'wp_head', 'cd_customizer_css');
+function cd_customizer_css()
+{
+    ?>
+         <style type="text/css">
+             body { background: #<?php echo get_theme_mod('background_color', '#43C6E4'); ?>; }
+         </style>
+    <?php
+}
diff --git a/add-section.php b/add-section.php
@@ -0,0 +1,4 @@
+$wp_customize->add_section( 'cd_colors' , array(
+    'title'      => 'Colors',
+    'priority'   => 30,
+) );
diff --git a/create-control.php b/create-control.php
@@ -0,0 +1,5 @@
+$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'background_color', array(
+	'label'        => 'Background Color'
+	'section'    => 'cd_colors',
+	'settings'   => 'background_color',
+) ) );
diff --git a/create-setting.php b/create-setting.php
@@ -0,0 +1,4 @@
+$wp_customize->add_setting( 'background_color' , array(
+    'default'     => '#43C6E4',
+    'transport'   => 'refresh',
+) );
diff --git a/customizer-basics.php b/customizer-basics.php
@@ -0,0 +1,4 @@
+add_action( 'customize_register', 'cd_customizer_settings' );
+function cd_customizer_settings( $wp_customize ) {
+
+}
diff --git a/functions-include.php b/functions-include.php
@@ -0,0 +1 @@
+include('customizer.php');
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<a href="" class='button'><?php echo get_theme_mod( 'cd_button_text', 'Come On In' ) ?></a>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
		$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';