无法理解wordpress中Twenty Fourteen主题中header.php中的代码/函数

Question

我是wordpress的新手。我正面临着理解在wordpress中用二十四个主题编写的代码的问题。在凝视header.php的主体时，有一段我无法理解的代码，就像他们做的那样

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

请有人帮我理解这段代码的作用

Answer 1

<?php if ( get_header_image() ) : ?>

如果您为主题设置了横幅图片，您可以通过自定义主题进行更改，然后通过管理面板更改或删除如下图所示，转到外观＆gt;然后自定义它将引导您进入自定义页面，如图中所示，您将找到标题图像。

<div id="site-header">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
   <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
  </a>
</div>

所以此代码中的代码如果标题图片发现它将自动设置在<img>，则alt将设置为网站 NAME ，并且将设置高度或宽度作为主题默认CSS。而<a>之前的<img>用于主页的主要链接。