调整header.php

时间:2016-07-25 02:30:18

标签: php wordpress

客户要求我使用header.php中设计的徽标切换网站标题。我一直在阅读有关儿童主题的内容,但却不知道足够的背景来明确实施这一变化。

代码是:

<header id="masthead" class="site-header" role="banner">
    <hgroup>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>

    <nav id="site-navigation" class="main-navigation" role="navigation">
        <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
        <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    </nav><!-- #site-navigation -->

    <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
    <?php endif; ?>
</header>`

我只需要用徽标替换网站标题。有什么指导吗?

我还需要导入图像,我会使用FTP吗?保存图像的位置有限制吗?

1 个答案:

答案 0 :(得分:1)

我对wordpress知之甚少。但是,这可能有效,

<header id="masthead" class="site-header" role="banner">
<hgroup>
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php bloginfo('template_directory'); ?>/images/imagename.png" alt="" width="xxx" height="xxx" /></a></h1>

所以,基本上我做的是,我将<?php bloginfo( 'name' ); ?>从代码的第三行替换为<img src="<?php bloginfo('template_directory'); ?>/images/imagename.png" alt="" width="xxx" height="xxx" />。请替换&#39; template_directory&#39;和&#34; xxx&#34;通过适当的价值观。

https://wordpress.org/support/topic/images-within-wordpress-theme-files