STINGER8でヘッダーに表示する文字などをテキストから画像に切り変えるには　～　wordpress

2017年10月7日2017年10月9日

wordpressの初期では、そのホームページの名前がヘッダーに表示されます。特に飾りが無いため、アスキーアートやきれいなロゴ文字を作成するサービスを使いきれいな文字や色に変えたいと思います。

初期は下記のような感じです。

テキストバージョン

これには、親テーマのheader.phpを変更する必要がありますので、バージョンアップのときには、再度変更する必要があるので覚えておく必要があります。

親テーマのheader.phpの変更

変更する箇所は『<?php echo esc_attr( get_bloginfo( 'name’ ) ); ?>』の場所になります。

【変更前】

<!-- ロゴ又はブログ名 -->
<p class="sitename">
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
		<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>
	</a>
/p>

【変更後】

<!-- ロゴ又はブログ名 -->
<p class="sitename">
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
		<img src="https://memo.eightban.com-content/uploads/2017/10/logo_eightban_head.png">
	</a>
/p>

変更が終わると下記のように画像が表示されます。