Question

如何在WordPress中的网站标题之前移动徽标？

到目前为止我有这个代码：

function smartline_display_site_title() { ?>
    <div class='my-logo'>
      <img src="<?php bloginfo('template_directory');?>/images/AA.gif">
    </div>
    <a href="<?php echo esc_url(home_url('/')); ?>" 
       title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"
       rel="home">
      <h1 class="site-title"><?php bloginfo('name'); ?></h1>
    </a>
<?php
}

Answer 1

将display: inline-block设置或添加到.my-logo和.site-title

.my-logo{
display: inline-block;
}

.site-title{
display: inline-block;
}

根据您的网站，您可以将图片移到左侧

<img src="http://abraham-accountants.co.uk/wp-content/themes/smartline-lite/images/AA.gif" style="float: left;">

<强> DEMO HERE

Answer 2

导航到Smartline Lite：header.php文件并更改下面给出的代码。让我知道它是否有效......

        <div id="logo" class="clearfix">

            <?php do_action('smartline_site_title'); ?>
<img src="image location" alt="alt title" height="auto" width="auto">

            <?php // Display Tagline on header if activated
            if ( isset($theme_options['header_tagline']) and $theme_options['header_tagline'] == true ) : ?>            
                <h2 class="site-description"><?php echo bloginfo('description'); ?></h2>
            <?php endif; ?>

        </div>

        <div id="header-content" class="clearfix">
            <?php get_template_part('inc/header-content'); ?>
        </div>

    </header>

如何在Wordpress中的sitetitle之前移动徽标？

2 个答案: