如何在 wordpress 主题（mystile）标题上添加图像和徽标（psd）？答案

【问题标题】：How to add image and logo (psd) on wordpress theme (mystile) header?如何在 wordpress 主题（mystile）标题上添加图像和徽标（psd）？
【发布时间】：2015-01-22 22:46:24
【问题描述】：

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

localhost:port/uploads/headerbackground.jpg
localhost:port/uploads/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 任何帮助将不胜感激。

【问题讨论】：

标签： php css wordpress

【解决方案1】：

您不能添加这样的 PSD 文件。这是一个 Photoshop 文件，需要保存为 JPG 或 PNG 等格式

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

【讨论】：

不知何故我设法在街机主题上做到了这一点，它看起来相当不错。 :)
我怀疑你这样做了 - 你能给我一些证据吗？
那它不可能是一个合适的PSD文件

【解决方案2】：

对于标题背景图片：

在 WordPress 管理中导航到 Appearance > Header 并检查 “Header Image”，然后上传您的 headerBackgroung 图像。

对于 PSD：您不能为您的徽标添加 PSD。您可以从 psd 创建徽标图像，然后您可以上传

【讨论】：

标题没有这样的选项。 ://
@RokasEr 你能在导航到外观 > 标题后向我展示你的管理屏幕（屏幕截图）吗？
这些是唯一的选择。我想将徽标放在灰色横幅上方（SHOP 上方）