时间戳

首页 > 解决方案 > 为不同的页面使用不同的标志

css - 为不同的页面使用不同的标志

问题描述

我想知道是否有任何方法可以在同一站点的不同页面上显示不同的徽标。我正在使用 Neve 主题，以下是头文件内容。

$header_classes = apply_filters( 'nv_header_classes', 'header' );
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php endif; ?>
<?php wp_head(); ?>

</head>
<body  <?php body_class(); ?> <?php neve_body_attrs(); ?> >
<?php wp_body_open(); ?>
<div class="wrapper">
<?php neve_before_header_wrapper_trigger(); ?>
    <header class="<?php echo esc_attr( $header_classes ); ?>" role="banner">
    <a class="neve-skip-link show-on-focus" href="#content" tabindex="0">
        <?php echo __( 'Skip to content', 'neve' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
    </a>
    <?php
    neve_before_header_trigger();
    if ( apply_filters( 'neve_filter_toggle_content_parts', true, 'header' ) === true ) {
        do_action( 'neve_do_header' );
    }
    neve_after_header_trigger();
    ?>
</header>
<?php neve_after_header_wrapper_trigger(); ?>
<?php do_action( 'neve_before_primary' ); ?>

<main id="content" class="neve-main" role="main">

<?php
 do_action( 'neve_after_primary_start' );

我使用此代码显示徽标

if (is_page (‘jumbo-collection’ ))
{echo '<img src="https://carattere.org/wp-content/uploads/2020/12/jumboc.jpg">';}
else
{echo '<img src="https://carattere.org/wp-content/uploads/2020/12/jumbogrouplogo201903.jpg">';}

但此代码显示两个徽标。另外我不确定将代码放在 header.php 文件中的哪个位置。

等待回复问候

标签： csswordpress-themingcustom-wordpress-pages

解决方案

您可以根据is_page()您的情况使用该功能来显示徽标。

例子：

<?php if(is_page('PAGE1')) { ?>
    <img src="<?php bloginfo('template_url');?>/images/logo.png" alt="Logo">
<?php } elseif(is_page('PAGE2')) { ?>
    <img src="<?php bloginfo('template_url');?>/images/logo2.png" alt="Logo2">
<?php } ?>

或者您可以指定要显示徽标的页面的页面 ID 号。

is_page(21) -> ID number of the page.

更新

<?php if(is_page('etro-home-interiors')) { ?>
    <img src="<?php bloginfo('carattere.org/wp-content/uploads/2020/12/33.png');?>/…&quot; alt="Logo">
<?php } elseif(is_page('gianfranco-ferre')) { ?>
    <img src="<?php bloginfo('carattere.org/wp-content/uploads/2020/12/03-1.png');?>/…&quot; alt="Logo2">
<?php } ?>

推荐阅读