技巧让 WordPress 不同页面显示不同 Logo

WordPress 技巧

最新帖子发布者清风許来 9 月之前

5 帖子

1 用户

0 回应

505 浏览

RSS

清风許来

(@xu)

管理员管理员注册会员

注册时间: 4 年之前

帖子: 76

主题发起者 2024-02-22 04:31

.page-id-3691 .site-branding img {
    display: none;
}

.page-id-3691 .site-branding {
    background-image: url( https://www.festanca.org/wp-content/uploads/2021/08/2022.png );
    background-repeat: no-repeat;
    background-size: 100%;
    display: relative;
    position: center;
    height: 180px;
    width: 1350px;
}

主题修改于 9 月之前, 清风許来

wpForo：中文文档 * 中文论坛 * 扩展插件

回贴引用

主题标签

Logo

清风許来

(@xu)

管理员管理员注册会员

注册时间: 4 年之前

帖子: 76

主题发起者 2024-02-22 04:38

<?php if ( is_category( 'cool_stuff' ) ) { ?> <img src="/cool-stuff-logo.png">

<?php } else if ( is_category( 'boring_stuff' ) ) { ?> <img src="/boring-stuff-logo.jpg">

<?php } else { ?>

<?php } ?>

帖子修改于 9 月之前, 清风許来

wpForo：中文文档 * 中文论坛 * 扩展插件

回贴引用

清风許来

(@xu)

管理员管理员注册会员

注册时间: 4 年之前

帖子: 76

主题发起者 2024-02-22 04:55

/** * Hide the default logo. * * For posts use .postid-1 format. */ .page-id-1 .logo img { display: none; }

/** * Drop in a different logo. * * The site link is respected. */ .page-id-1 .logo { background-image: url( https://balistreetphotographer.files.wordpress.com/2019/02/balistreetphotographer-logo-2-slashes-65. .png); background-repeat: no-repeat; background-size: 100%; display: block; position: relative; height: 65px; width: 65px; }

帖子修改于 9 月之前 2 次, 清风許来

wpForo：中文文档 * 中文论坛 * 扩展插件

回贴引用

清风許来

(@xu)

管理员管理员注册会员

注册时间: 4 年之前

帖子: 76

主题发起者 2024-02-22 04:56

添加下面的代码到主题 header.PHP 中

<?php if(is_front_page() || is_home()) : ?> <a href="<?php echo esc_url( home_url( '/' )); ?>"> <img src="<?php bloginfo('template_url')?>/images/logo.png" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" class="logo-width" alt="logo"> <?php else : ?> <img src="<?php bloginfo('template_url')?>/images/white_logo.png" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" class="logo-width" alt="white-logo"> <?php endif; ?> </a>