更改大学中心主题每页上的徽标

时间:2017-03-06 作者:SpaceSpartan

我正在使用大学中心主题http://wenthemes.com/item/wordpress-themes/university-hub/ 我搜索了很多,没有找到解决方案。我想更改网站每个页面上的主徽标。我设法用CSS改变了标题的背景色,但对于徽标,我似乎需要一个用于此主题的自定义解决方案,但我真的不知道怎么做,如果有任何帮助,我们将不胜感激。谢谢!:数据处理D、 :我已经在使用子主题。

2 个回复
最合适的回答,由SO网友:Christina 整理而成

我会在函数的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添加到主题的说明随处可见。

SO网友:Dev

这并不特定于WordPress,但是您可以尝试删除标题挂钩,并将其与自定义字段或特色图像元框中的图像一起添加回来。然后使用标题挂钩输出university_hub_action_header 所有这些都是出于child theme.

您可以使用自定义字段或帖子缩略图作为输入来过滤自定义徽标。

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s