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

时间:2015-01-22 12:06:05

标签: php css wordpress

我相信它会在某处。该网站通过MAMP在本地托管。 让我们说图像是:

  • 本地主机:端口/上传/ headerbackground.jpg
  • 本地主机:端口/上传/ logo.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(); ?>

一般来说,我想this代替that 任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

您无法添加这样的PSD文件。它是一个需要保存为JPG或PNG

之类的Photoshop文件

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

答案 1 :(得分:1)

对于标题背景图片:

导航至外观&gt; WordPress管理中的标题并检查“标题图片”,然后上传您的headerBackgroung图片。

PSD的

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