Initial commit

functions/kirki/modules/customizer-branding/branding.js

@@ -0,0 +1,14 @@
+/* global kirkiBranding */
+jQuery( document ).ready( function() {
+
+	'use strict';
+
+	if ( '' !== kirkiBranding.logoImage ) {
+		jQuery( 'div#customize-info .preview-notice' ).replaceWith( '<img src="' + kirkiBranding.logoImage + '">' );
+	}
+
+	if ( '' !== kirkiBranding.description ) {
+		jQuery( 'div#customize-info > .customize-panel-description' ).replaceWith( '<div class="customize-panel-description">' + kirkiBranding.description + '</div>' );
+	}
+
+} );

functions/kirki/modules/customizer-branding/class-kirki-modules-customizer-branding.php

@@ -0,0 +1,88 @@
+<?php
+/**
+ * Changes the customizer's branding.
+ * For documentation please see
+ * https://github.com/aristath/kirki/wiki/Styling-the-Customizer
+ *
+ * @package     Kirki
+ * @category    Modules
+ * @author      Ari Stathopoulos (@aristath)
+ * @copyright   Copyright (c) 2019, Ari Stathopoulos (@aristath)
+ * @license     https://opensource.org/licenses/MIT
+ * @since       3.0.0
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Adds styles to the customizer.
+ */
+class Kirki_Modules_Customizer_Branding {
+
+	/**
+	 * The object instance.
+	 *
+	 * @static
+	 * @access private
+	 * @since 3.0.0
+	 * @var object
+	 */
+	private static $instance;
+
+	/**
+	 * Constructor.
+	 *
+	 * @access protected
+	 * @since 3.0.0
+	 */
+	protected function __construct() {
+		add_action( 'customize_controls_print_scripts', array( $this, 'customize_controls_print_scripts' ) );
+	}
+
+	/**
+	 * Gets an instance of this object.
+	 * Prevents duplicate instances which avoid artefacts and improves performance.
+	 *
+	 * @static
+	 * @access public
+	 * @since 3.0.0
+	 * @return object
+	 */
+	public static function get_instance() {
+		if ( ! self::$instance ) {
+			self::$instance = new self();
+		}
+		return self::$instance;
+	}
+
+	/**
+	 * Enqueues the script responsible for branding the customizer
+	 * and also adds variables to it using the wp_localize_script function.
+	 * The actual branding is handled via JS.
+	 *
+	 * @access public
+	 * @since 3.0.0
+	 */
+	public function customize_controls_print_scripts() {
+		$config = apply_filters( 'kirki_config', array() );
+		$vars   = array(
+			'logoImage'   => '',
+			'description' => '',
+		);
+		if ( isset( $config['logo_image'] ) && '' !== $config['logo_image'] ) {
+			$vars['logoImage'] = esc_url_raw( $config['logo_image'] );
+		}
+		if ( isset( $config['description'] ) && '' !== $config['description'] ) {
+			$vars['description'] = esc_textarea( $config['description'] );
+		}
+
+		if ( ! empty( $vars['logoImage'] ) || ! empty( $vars['description'] ) ) {
+			wp_register_script( 'kirki-branding', Kirki::$url . '/modules/customizer-branding/branding.js', array(), KIRKI_VERSION, false );
+			wp_localize_script( 'kirki-branding', 'kirkiBranding', $vars );
+			wp_enqueue_script( 'kirki-branding' );
+		}
+	}
+}