个性化阅读
专注于IT技术分析

如何在wordpress主题的不同页面上显示不同的logo?

好吧, 这里的代码显示了我当前正在使用的wordpress主题的标题部分。

<div id="site-branding" class="clearfix">
        <?php
        $logo = isset($options['logo'])? $options['logo']: '';
        if ($logo == ""){
            $hidetitle = $options['hide_title'];
            if ($hidetitle == "No") {

                if(!is_home() || !is_front_page()) { ?>
                    <div class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo('name'); ?></a></div>
                    <div class="site-description"><?php bloginfo('description'); ?></div>
                <?php } else { ?>
                    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo('name'); ?></a></h1>
                    <div class="site-description"><?php bloginfo('description'); ?></div>

            <?php } }
        } else {
            echo '<div class="site-logo"><a href="'. esc_url( home_url( '/' ) ) .'">';
            echo '<img title="'. get_bloginfo('name') .'" src="' . $logo .'" />';
            echo '</a></div>';
        } ?>
    </div><!-- end #site-branding -->

该代码的第一部分检查徽标的存在。如果徽标不存在, 则只要未在主题选项中选中隐藏徽标, 徽标将仅显示主题的名称和描述。它会在首页/首页上将名称和描述的样式稍有不同, 而在其他页面上会使用不同的样式。但是, 如果有徽标, 则会在所有页面上显示徽标。

现在, 我要实现的是在首页/首页上对LOGO进行样式化(使用CSS), 而在其他页面上, 我想为徽标添加一些额外的CSS类。

我尝试在上述代码的第二部分中使用elseif语句, 但无法获得所需的结果。

请建议我如何正确执行。

更新:因为我无法发布自己的问题的答案, 所以我在这里发布。好吧, 我在删除了一些PHP关闭元素后使用了这段代码, 它的工作原理就像魅力。我将其再次发布在这里只是为了确保没有错误。

if(is_home() || is_front_page()) {
        echo '<h1 class="site-logo"><a href="'. esc_url( home_url( '/' ) ) .'">';
        echo '<img calss="mylogo1" title="'. get_bloginfo('name') .'" src="' . $logo .'" />';
        echo '</a></h1>';
             } else {
        echo '<div class="site-logo"><a href="'. esc_url( home_url( '/' ) ) .'">';
        echo '<img calss="mylogo2" title="'. get_bloginfo('name') .'" src="' . $logo .'" />';
        echo '</a></div>';
        } ?>

#1


if(!is_home() || !is_front_page()) { ?>
    echo '<div class="site-logo"><a href="'. esc_url( home_url( '/' ) ) .'">';
    echo '<img calss="mylogo1" title="'. get_bloginfo('name') .'" src="' . $logo .'" />';
    echo '</a></div>';
<?php } else { ?>
    echo '<div class="site-logo"><a href="'. esc_url( home_url( '/' ) ) .'">';
    echo '<img calss="mylogo2" title="'. get_bloginfo('name') .'" src="' . $logo .'" />';
    echo '</a></div>';
<?php } ?>

我们与你之前使用的相同, 请为你的每种情况设置不同的类(即mylogo1 / mylogo2)。

赞(0) 打赏
未经允许不得转载:srcmini » 如何在wordpress主题的不同页面上显示不同的logo?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏