Untitled

 avatar
Maya
php
2 years ago
2.7 kB
7
Indexable
add_filter( 'wp_head', function ( ) { if ( !is_front_page() && !is_home() ) { ?>
<style>
body {
display: none;
}
	</style>
<?php } });

add_filter( 'body_class', function( $classes ) {
	if ( !is_front_page() && !is_home() ) {
		return array_merge( $classes, array( 'opacity' ) );
	} else {
		return  $classes;
	}
	
} );
add_filter( 'wp_footer', function ( ) {  if ( !is_front_page() && !is_home() ) { ?>
	<style>
body {
	-webkit-transition: 1s all ease-out;
	-moz-transition: 1s all ease-out;
	-ms-transition: 1s all ease-out;
	-o-transition: 1s all ease-out;
	transition: 1s all ease-out;
}

body.brightness {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	filter: brightness(4000%);
}

body.contrast {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	filter: contrast(1000%);
}

body.opacity {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	opacity: 0;
}

body.grayscale {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	filter: grayscale(1);
}

body.invert {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	filter: invert(1);
}

body.blur {
	-webkit-transition: 0s all ease-out;
	-moz-transition: 0s all ease-out;
	-ms-transition: 0s all ease-out;
	-o-transition: 0s all ease-out;
	transition: 0s all ease-out;
	filter: blur(400px);
}

.nice_page_transition_brightness {
	filter: brightness(4000%);
}

.nice_page_transition_contrast {
	filter: contrast(1000%);
}

.nice_page_transition_opacity {
	opacity: 0;
}

.nice_page_transition_grayscale {
	filter: grayscale(1);
}

.nice_page_transition_invert {
	filter: invert(1);
}

.nice_page_transition_blur {
	filter: blur(400px);
}
</style>

<script>
	
jQuery(document).ready(function(){

	jQuery('a:not([href^=\\#])').click(function(){

		jQuery('body').addClass('nice_page_transition_opacity');

		setTimeout(function(){ jQuery('body').removeClass('nice_page_transition_opacity'); }, 2000);

	});
    jQuery('body').css("display", "block");
	setTimeout(function(){ jQuery('body').removeClass('opacity'); }, 1000);

});
</script>
<?php } } );
Editor is loading...