Question

我是代码的初学者，即使人们可能回答了这个问题，我也不知道如何在我的情况下实现它......

在我的wordpress中，我有一个集成的woocommerce，我想在主页上显示不同的标题徽标。

我找到了它被调用的地方，但我不知道如何正确实现它而不是废弃所有代码。

我可能想要这样的东西

    <?php if (isset($class) && $class == 'woocommerce'): ?>
    <img src="images/logo-with-white-text" />
<?php else: ?>
    <img src="images/logo-with-dark-text" />
<?php endif; ?>

在我的主题

的代码中实现

<!-- START LOGO -->
<div id="logo" class="<?php echo $width_tagline ?>" >

    <?php
    if( yit_get_option( 'header-custom-logo' ) == 'yes' && yit_get_option( 'header-custom-logo-image' ) != '' ) : ?>
        <a id="logo-img" href="<?php echo home_url() ?>" title="<?php bloginfo( 'name' ) ?>">
            <?php $size = @getimagesize(yit_get_option( 'header-custom-logo-image' )); ?>
            <img class="no-dark" src="<?php echo yit_ssl_url( yit_get_option( 'header-custom-logo-image' ) ) ?>" <?php if( yit_get_option( 'logo-retina-url' ) ): ?>data-at2x="<?php echo yit_ssl_url( yit_get_option( 'logo-retina-url' ) ) ?>"<?php endif ?>title="<?php bloginfo( 'name' ) ?>" alt="<?php bloginfo( 'name' ) ?>" <?php if( !empty($size) && isset($size[3] ) ) echo $size[3] ?> />

            <?php if ( 'yes' == YIT_Layout()->enable_dark_header ) : ?>
                <?php $size = @getimagesize(yit_get_option( 'header-dark-custom-logo-image' )); ?>
                <img class="only-dark" src="<?php echo yit_ssl_url( yit_get_option( 'header-dark-custom-logo-image' ) ) ?>" title="<?php bloginfo( 'name' ) ?>" alt="<?php bloginfo( 'name' ) ?>" <?php if( !empty($size) && isset($size[3] ) ) echo $size[3] ?> />
            <?php endif; ?>

        </a>
    <?php else : ?>
        <a id="textual" href="<?php echo home_url() ?>" title="<?php echo str_replace( array( '[', ']' ), '', bloginfo( 'name' ) ) ?>">
            <?php echo yit_decode_title( get_bloginfo( 'name' ) ) ?>
        </a>
    <?php endif ?>

    <?php

       if( yit_get_option( 'header-logo-tagline' ) == 'yes' ):
        $class = array();
        if ( strpos( get_bloginfo( 'description' ), '|') ) $class[] = 'multiline';
        if ( yit_get_option('header-logo-tagline-mobile') == 'no' ) $class[] = 'hidden-xs';
        $class = ! empty( $class ) ? ' class="' . implode( $class, ' ' ) . '"' : '';
        ?>
        <?php yit_string( "<p id='tagline'{$class}>", yit_decode_title( get_bloginfo( 'description' ) ), '</p>' );?>
    <?php endif ?>

</div>
<!-- END LOGO -->

我希望有人能够帮助我解决这个问题！

提前致谢

Answer 1

我这样做

<a href="<?php echo home_url(); ?>" class="logo_link">
    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-wc.png" alt="" class="logo"> 
</a>

<script>
    $( document ).ready(function() {
        if($('body').hasClass('woocommerce')) {
            $('.logo_link img').attr('src', $(this).data('src'));
        }
    });
</script>

Answer 2

如果安装并激活了woocommerce，您可以执行此操作

<?php if(is_woocommerce()){ ?>
  <img src="images/logo-with-white-text" />
<?php }else{ ?>
  <img src="images/logo-with-white-text" />
<?php } ?>

在不同的wordpress页面上添加不同的徽标

2 个答案: