php - 每个页面上的不同 Logo -wordpress

标签 php html css wordpress

我试图在我的每个 Wordpress 页面上使用不同的 Logo 。 我已经尝试将其添加到我的 css 文件中,但旧 Logo 仍显示在其下方:

.page-id-13072 .full-center #logo.has-img a > img {
    position: inherit !important;
    left: 0;
    top: 100px;
    width: 450px;
    z-index: 99;
    max-width: 100%;
    background: url(http:///LogoPink.png) no-repeat;
    }

最佳答案

除了使用 css,您还可以使用 wordpress 条件标签。找到包含 Logo 图像的 php 文件 通常是header.php

<?php
    $logo_img = 'default'; 
    if (is_page('about-us')) {
        $logo_img = 'logo1'; 
    } elseif (is_page('team')) {
        $logo_img = 'logo2'; 
    } 
?>

假设您有 logo1.png Logo 用于 about-us 页面,logo2.png 用于 team 页面默认 Logo 是 default.png

<img src="/images/logo<?php echo $logo_img; ?>.png">

你可以试试css only

 .page-id-13072 .logo a {

   background: url(images/logopink.png) no-repeat; 
 }

关于php - 每个页面上的不同 Logo -wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33338949/

相关文章:

php - 如何知道连接何时被 peer 在 php 中重置?

php - 将数组数据准备到另一个结构以使用某些规则呈现定义的 HTML 输出的算法

html - 导航栏 - 事件状态、文本颜色有问题

css - XSLT与CSS显示XML

css - 样式 div(带有特定标签),没有 class 或 id

javascript - 这个标签内容有什么问题?

php - 强制关闭 PHP、MySQL 和 SQLite 的 Android 登录和注册

php - 如何在 PHP 的递归函数中保存原始参数?

html - 使用 html 和 css 的导航栏不可点击

javascript - 基于内容高度的 iFrame PDF 滚动