mirror of
https://github.com/10h30/trestle.git
synced 2026-06-05 15:09:35 +09:00
Braad
148 lines
3.2 KiB
JavaScript
148 lines
3.2 KiB
JavaScript
/**
|
|
* JavaScript for the Customizer Preview
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
( function( $ ) {
|
|
|
|
// Layout.
|
|
wp.customize( 'trestle-settings[layout]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
switch ( value ) {
|
|
case 'solid':
|
|
$body.removeClass( 'bubble' );
|
|
break;
|
|
case 'bubble':
|
|
$body.addClass( 'bubble' );
|
|
break;
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// Custom logo.
|
|
wp.customize( 'trestle-settings[logo_url]', function( value ) {
|
|
value.bind( function( url ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
if ( 0 === $.trim( url ).length ) {
|
|
$body.removeClass( 'has-logo' );
|
|
$( '.site-title a.image-link' ).remove();
|
|
} else {
|
|
$body.addClass( 'has-logo' );
|
|
$( '.site-title a.image-link' ).remove();
|
|
$( '.site-title' ).append( '<a href="/" class="image-link"><img class="logo logo-full show" src="' + url + '" /></a>' );
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// Favicon.
|
|
wp.customize( 'trestle-settings[favicon_url]', function( value ) {
|
|
value.bind( function( url ) {
|
|
|
|
var $faviconElem = $( 'link[rel="Shortcut Icon"]' );
|
|
$faviconElem.attr( 'href', url );
|
|
|
|
});
|
|
});
|
|
|
|
// Primary Nav Location.
|
|
wp.customize( 'trestle-settings[nav_primary_location]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
var $nav = $( '.nav-primary' );
|
|
|
|
switch ( value ) {
|
|
case 'full':
|
|
$body.removeClass( 'nav-primary-location-header' )
|
|
.addClass( 'nav-primary-location-full' );
|
|
$nav.remove().insertAfter( '.site-header' );
|
|
break;
|
|
case 'header':
|
|
$body.removeClass( 'nav-primary-location-full' )
|
|
.addClass( 'nav-primary-location-header' );
|
|
$nav.remove().appendTo( '.site-header .wrap' );
|
|
break;
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// Custom Read More Link Text.
|
|
wp.customize( 'trestle-settings[read_more_text]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
$( 'a.more-link' ).html( value );
|
|
|
|
});
|
|
});
|
|
|
|
// External Links.
|
|
wp.customize( 'trestle-settings[external_link_icons]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
if ( value ) {
|
|
$body.addClass( 'external-link-icons' );
|
|
} else {
|
|
$body.removeClass( 'external-link-icons' );
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// Email Links.
|
|
wp.customize( 'trestle-settings[email_link_icons]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
if ( value ) {
|
|
$body.addClass( 'email-link-icons' );
|
|
} else {
|
|
$body.removeClass( 'email-link-icons' );
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// PDF Links.
|
|
wp.customize( 'trestle-settings[pdf_link_icons]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
if ( value ) {
|
|
$body.addClass( 'pdf-link-icons' );
|
|
} else {
|
|
$body.removeClass( 'pdf-link-icons' );
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
// Doc Links.
|
|
wp.customize( 'trestle-settings[doc_link_icons]', function( value ) {
|
|
value.bind( function( value ) {
|
|
|
|
var $body = $( 'body' );
|
|
|
|
if ( value ) {
|
|
$body.addClass( 'doc-link-icons' );
|
|
} else {
|
|
$body.removeClass( 'doc-link-icons' );
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
})( jQuery );
|