WordPressのテーマ「Gush」のトップにロゴを差し替え

公開日:  最終更新日:2023/04/27


初期のGush画面

最初はシンプルな青文字で出力されます。少し盛りたい。

ロゴ作成

ロゴ画像は幅300pxくらいの横長で作成します。(スマホも考慮)

作成ツールで引っ張ってくるのもありです。

私の場合GIMPでささっと作成しました。


配置指定

親ではいじりたくないので、

下記のように子で配置するように指定します。

子テーマ名/images/logo.png

画像のパスの記述先header.phpも子テーマで記述します。

タイトル表示(h1)は53行目付近です。


  <h1 class="top_title"><a href="<?php echo home_url();?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
  

これを下記に変えます。


  <h1 class="top_title"><a href="<?php echo home_url();?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo get_stylesheet_directory_uri(); ? 
  >/images/logo.png"/></a></h1>
  

差し替え後

こんな感じです。はい。以上。