如何在WordPress主题(mystile)标题上添加图像和徽标(psd)


How to add image and logo (psd) on wordpress theme (mystile) header?

我相信它在这里的某个地方。该网站通过MAMP在本地托管。假设图像是:

  • 本地主机:端口/上传/标头背景.jpg
  • 本地主机:移植/上传/徽标.psd

如何在标题上添加标题背景和徽标?

<body <?php body_class(); ?>>
<?php woo_top(); ?>
<div id="wrapper">

<div id="top">
    <nav class="col-full" role="navigation">
        <?php if ( function_exists( 'has_nav_menu' ) && has_nav_menu( 'top-menu' ) ) { ?>
        <?php wp_nav_menu( array( 'depth' => 6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'top-nav', 'menu_class' => 'nav fl', 'theme_location' => 'top-menu' ) ); ?>
        <?php } ?>
        <?php
            if ( class_exists( 'woocommerce' ) ) {
                echo '<ul class="nav wc-nav">';
                woocommerce_cart_link();
                echo '<li class="checkout"><a href="'.esc_url($woocommerce->cart->get_checkout_url()).'">'.__('Checkout','woothemes').'</a></li>';
                echo get_search_form();
                echo '</ul>';
            }
        ?>
    </nav>
</div><!-- /#top -->

<?php woo_header_before(); ?>
<header id="header" class="col-full">

    <hgroup>
         <?php
            $logo = esc_url( get_template_directory_uri() . '/images/logo.png' );
            if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' ) { $logo = $woo_options['woo_logo']; }
            if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' && is_ssl() ) { $logo = preg_replace("/^http:/", "https:", $woo_options['woo_logo']); }
        ?>
        <?php if ( ! isset( $woo_options['woo_texttitle'] ) || $woo_options['woo_texttitle'] != 'true' ) { ?>
            <a id="logo" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_attr( get_bloginfo( 'description' ) ); ?>">
                <img src="<?php echo $logo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
            </a>
        <?php } ?>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        <h3 class="nav-toggle"><a href="#navigation"><mark class="websymbols">&#178;</mark> <span><?php _e('Navigation', 'woothemes'); ?></span></a></h3>
    </hgroup>
    <?php woo_nav_before(); ?>

一般来说,我想做这个而不是那个任何帮助将不胜感激。

您不能像这样添加 PSD 文件。这是一个需要保存为JPG或PNG之类的Photoshop文件。

看起来您的 Woo 主题也具有内置功能,因此请检查设置

对于标题背景图像:

导航到WordPress管理中的外观>标题,检查"标题图像",然后上传您的headerBackgroung图像。

对于 PSD

:不能为徽标添加 PSD。您可以从 PSD 创建徽标图像,然后可以上传