123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- /**
- * Theme Customizer enhancements for a better user experience.
- *
- * @package Pen
- */
- ;( function( $ ) {
- wp.customize.bind(
- 'ready',
- function() {
- var pen_customize_url_home = wp.customize.settings.url.home;
- if ( pen_customize_js.preset_preview ) {
- pen_customize_url_home += '?pen_preview_color=' + pen_customize_js.preset_color + '&pen_preview_font=' + pen_customize_js.preset_font;
- /*
- * If the user wanted to save the preset there has to be no need to
- * change anything to have the "Publish" button enabled.
- */
- wp.customize.state( 'saved' ).set( false );
- }
- wp.customize.previewer.previewUrl.set( pen_customize_url_home );
- var _query = wp.customize.previewer.query;
- wp.customize.previewer.query = function () {
- var query = _query.call( this );
- if ( pen_customize_js.preset_preview ) {
- query.pen_preview_color = pen_customize_js.preset_color;
- query.pen_preview_font = pen_customize_js.preset_font;
- }
- return query;
- };
- var sections = [
- 'pen_section_colors_header,#pen_header',
- 'pen_section_colors_navigation,#pen_navigation',
- 'pen_section_colors_search,#pen_search',
- 'pen_section_colors_content,#primary',
- 'pen_section_colors_list,#primary',
- 'pen_section_colors_bottom,#pen_bottom',
- 'pen_section_colors_footer,#pen_footer',
- 'pen_section_typography_header,#pen_header',
- 'pen_section_typography_footer,#pen_footer',
- 'pen_section_typography_navigation,#pen_navigation',
- 'pen_section_header_general,#pen_header',
- 'title_tagline,#pen_header',
- 'pen_section_header_search,#pen_header',
- 'pen_section_header_navigation,#pen_navigation',
- 'pen_section_content,#primary',
- 'pen_section_layout,#primary',
- 'pen_section_list,#primary',
- 'pen_section_layout,#primary',
- 'pen_section_background_image_navigation,#pen_navigation',
- 'pen_section_background_image_search,#pen_search',
- 'pen_section_background_image_bottom,#pen_bottom',
- 'pen_section_background_image_footer,#pen_footer',
- 'pen_section_footer,#pen_footer'
- ];
- for ( i = 0; i < sections.length; i++ ) {
- var data = sections[ i ].split( ',' ),
- section_id = data[0],
- selector = data[1];
- pen_section_change( section_id, selector );
- }
- function pen_section_change( section_id, html_id ) {
- wp.customize.section(
- section_id,
- function( section ) {
- section.expanded.bind(
- function( is_expanding ) {
- if ( is_expanding ) {
- wp.customize.previewer.send( 'pen_section_change', { selector: html_id } );
- }
- }
- );
- }
- );
- }
- wp.customize.previewer.bind(
- 'pen_switch_section',
- function( data ) {
- if ( data.type === 'section' ) {
- var $container = wp.customize.section( data.target );
- }
- if ( data.type === 'panel' ) {
- var $container = wp.customize.panel( data.target );
- }
- if ( $container !== 'undefined' && $container !== undefined && $container !== null ) {
- $container.focus();
- } else {
- console.log( 'Not found: ' + data.target );
- }
- }
- );
- wp.customize.section(
- 'static_front_page',
- function( section ) {
- pen_switch_to_front( section );
- }
- );
- wp.customize.section(
- 'pen_section_front_sidebars',
- function( section ) {
- pen_switch_to_front( section );
- }
- );
- function pen_switch_to_front( section ) {
- var previous_url,
- clear_previous_url = function() {
- previous_url = null;
- },
- preview_url_value = wp.customize.previewer.previewUrl;
- section.expanded.bind(
- function( is_expanded ) {
- var url;
- if ( is_expanded ) {
- url = wp.customize.settings.url.home;
- previous_url = preview_url_value.get();
- preview_url_value.set( url );
- preview_url_value.bind( clear_previous_url );
- } else {
- preview_url_value.unbind( clear_previous_url );
- if ( previous_url ) {
- preview_url_value.set( previous_url );
- }
- }
- }
- );
- }
- $( '#customize-info .accordion-section-title' ).append( '<p><a href="' + pen_customize_js.support_url + '" title="' + pen_customize_js.text.support_description + '" class="button" target="_blank">' + pen_customize_js.text.support_text + '</a></p>' );
- $( "li[id^=accordion-panel-pen_]" ).add( $( "li[id^=accordion-section-pen_]" ) )
- .children( '.accordion-section-title' )
- .prepend( '<span style="background:#7f7f7f;border-radius:300px;color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,0.75) inset;cursor:help;display:inline-block;font-size:smaller;font-weight:bold;margin:0 5px 0 0;padding-left:5px;padding-right:5px;text-shadow:1px 1px 3px rgba(0,0,0,0.5)" title="' + pen_customize_js.text.theme_specific + '">' + pen_customize_js.text.pen_theme + '</span>' );
- }
- );
- } )( jQuery );
|