我会在函数的body类中添加一个过滤器。php文件。这将根据page/post/cpt slug添加一个类:
PHP:
/**
*
* Add Page/Post Body Class Slug
*
* post-slug-for-post
* page-slug-for-page
*
*
*/
function yourprefix_page_slug_body_class( $classes ) {
global $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type . \'-\' . $post->post_name;
}
return $classes;
}
add_filter( \'body_class\', \'yourprefix_page_slug_body_class\' );
然后,我将使用jQuery根据body类交换src。您需要更改path变量,可能还需要更改徽标img所在的父类(示例使用
.site-branding
).
jQuery
( function( window, $, undefined ) {
\'use strict\';
$( document ).ready( function( ) {
/* ==== change logo based on body class ===
// default logo and path
var path = \'http://yourdomain.com/wp-content/uploads/\',
logo = \'logo-1.png\'; // this is the default
// logo 2 conditional change var value
if ( $( \'body\' ).is( \'.page-such-and-such\' ) ) {
logo = \'logo-2.png\';
}
// logo 3 conditional change var value
if ( $( \'body\' ).is( \'.post-such-and-thing\' ) ) {
logo = \'logo-3.png\';
}
// return the logo src
$( \'.site-branding img\' ).attr( \'src\', path + logo );
// end swapping logo
} ); //* end ready
} )( this, jQuery );
创建一个带有代码编辑器名称it swapping徽标的文档。js(或其他)并将其作为dep与jQuery一起排队。关于将js添加到主题的说明随处可见。