将徽标添加到WordPress页眉

时间:2016-05-19 作者:Quarismo

我想添加一个标志到我的网站im建设的标题,在这段代码中我会把图像的URL放在哪里?我在骨骼中使用的主题。

<!doctype html>

<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?> class="no-js">     <!--<![endif]-->

    <head>
    <meta charset="utf-8">

    <?php // force Internet Explorer to use the latest rendering engine available ?>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title><?php wp_title(\'\'); ?></title>

    <?php // mobile meta (hooray!) ?>
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) ?>
    <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
    <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
    <!--[if IE]>
        <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
    <![endif]-->
    <?php // or, set /favicon.ico for IE10 win ?>
    <meta name="msapplication-TileColor" content="#f01d4f">
    <meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
        <meta name="theme-color" content="#121212">

    <link href=\'https://fonts.googleapis.com/css?family=Josefin+Slab\' rel=\'stylesheet\' type=\'text/css\'>
    <link rel="pingback" href="<?php bloginfo(\'pingback_url\'); ?>">

    <?php // wordpress head functions ?>
    <?php wp_head(); ?>
    <?php // end of wordpress head ?>

    <?php // drop Google Analytics Here ?>
    <?php // end analytics ?>

</head>

<body <?php body_class(); ?> itemscope itemtype="http://schema.org/WebPage">

    <script type="text/javascript">
    jQuery(function(){
jQuery(\'.fadein img:gt(0)\').hide();
setInterval(function(){
  jQuery(\'.fadein :first-child\').fadeOut()
     .next(\'img\').fadeIn()
     .end().appendTo(\'.fadein\');}, 
  3000);
});
    </script>

        <style type="text/css">
    .fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }
    </style>

    <div id="container">

        <header class="header" style="background-color:#E0EEE0;" role="banner" itemscope itemtype="http://schema.org/WPHeader">

            <div id="inner-header" class="wrap cf">

                <?php // to use a image just replace the bloginfo(\'name\') with your img src and remove the surrounding <p> ?>
                <p id="logo" class="h1" itemscope itemtype="http://schema.org/Organization"><a href="<?php echo home_url(); ?>" rel="nofollow"><?php bloginfo(\'\'); ?></a></p>

                <?php // if you\'d like to use the site description you can un-comment it below ?>
                <?php // bloginfo(\'description\'); ?>


                <nav role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
                    <?php wp_nav_menu(array(
                             \'container\' => false,                           // remove nav container
                             \'container_class\' => \'menu cf\',                 // class of container (should you choose to use it)
                             \'menu\' => __( \'The Main Menu\', \'bonestheme\' ),  // nav name
                             \'menu_class\' => \'nav top-nav cf\',               // adding custom nav class
                             \'theme_location\' => \'main-nav\',                 // where it\'s located in the theme
                             \'before\' => \'\',                                 // before the menu
                               \'after\' => \'\',                                  // after the menu
                               \'link_before\' => \'\',                            // before each link
                               \'link_after\' => \'\',                             // after each link
                               \'depth\' => 0,                                   // limit the depth of the nav
                             \'fallback_cb\' => \'\'                             // fallback function (if there is one)
                    )); ?>

                    </nav>

                </div>

            </header>

1 个回复
SO网友:Maija Vilkina

代码里写着:

<?php // to use a image just replace the bloginfo(\'name\') with your img src and remove the surrounding <p> ?>
因此,只需将这一行替换为该注释下面的内容:

<p id="logo" class="h1" itemscope itemtype="http://schema.org/Organization"><a href="<?php echo home_url(); ?>" rel="nofollow"><?php bloginfo(\'\'); ?></a></p>
使用此选项:

<p id="logo" class="h1" itemscope itemtype="http://schema.org/Organization"><a href="<?php echo home_url(); ?>" rel="nofollow"><img src="http://example.com/your/logo/url.jpg" title="Your logo" alt="Your logo"></a></p>

相关推荐

为什么我的主题的css在另一个网站上不起作用

我在Neve theme的基础上开发我的on theme。首先,我对脚本有问题,因为它不起作用,但我不得不从页脚更改它们的位置。php到标题。php的一切都很好。新的一些脚本无法工作,因为css根本没有加载。我尝试了5种不同的方法,但都失败了。标题中的。php我只是给他们<style> </style></我在函数中使用了寄存器样式。php,标题。php和页脚。php function my_theme_enqueue_styles() { &#x