以前、文字から画像の変更しましたものをセンター位置に持っていく方法。

style.cssとheader.phpを変更します。

■stye.css

header記述部分に
#site-title-logo {
    width: 330px; /* ロゴの高さ */
    height: 90px;  /* ロゴの横幅 */
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

■header.php

<h1 id=”site-title-logo”><span><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><img src=”https://www.coralreference.com/wp-content/uploads/2012/02/logo.png” width=”330″ height=”90″ /></a></span></h1>

これで完了。

style.cssとheader.phpを少し変えてやれば可能。

まず、ロゴの画像（今回はlogo.png）を「メディア」から「新規追加」する。
その時にファイルのURLをコピーしておく。
https://www.coralreference.com/wp-content/uploads/2012/02/logo.png

次に「外観」「テーマの編集」で「style.css」「header.php」を変更する。

■style.css
ヘッダー部分に下記を追加

/* =Header
———————————————– */
#site-title-logo {
width: 330px; /* ロゴの高さ */
height: 90px;  /* ロゴの横幅 */
text-align: left;
margin-top: 40px;  /* ロゴの上スペース */
margin-bottom: 40px;  /* ロゴの下スペース */　　
}

を追加する

■header.php
元
<hgroup>
<h1 id=”site-title”><span><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a></span></h1>
<h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup>

変更
<hgroup>
<h1 id=”site-title-logo“><span><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><img src=”https://www.coralreference.com/wp-content/uploads/2012/02/logo.png” width=”330” height=”90” /></a></span></h1>
</hgroup>

以上で変更されます。