[miyuki]

【お使いの Snow Monkey のバージョン】 16.5.2
【お使いの Snow Monkey Blocks のバージョン】 15.0.6|
【お使いの Snow Monkey Editor のバージョン】 7.0.1
【お使いのブラウザ】Google Chrome

### 実現したいこと

ヘッダーのロゴ横にタイトル名を入れる

### 実現したいこと

ヘッダーにあるロゴの右に企業名を入れたいです。文字を入れる場合どうしたらいいでしょうか。

### 発生している問題

ロゴの横に文字を入れる方法がわからない

### 試したこと

初歩的質問失礼いたします。

こちらのフォームで検索し、ロゴの上下に文字を入れる方法は質問であったのですが、横に入れる方法が検索しきれませんでした。

よろしくお願い致します。

♥ 0

いいねをした人: 居ません

[es：エス]

こんにちは。

先月フォーラムのトピックに上がっていた、こちらが参考になると思いますよ。

ロゴの横にサイトタイトルを表示させたい

♥ 1

いいねをした人:

[miyuki]

ご返答ありがとうございます。

こちらを使用するには、my snow monkeyがひつようになりますでしょうか。

♥ 0

いいねをした人: 居ません

[es：エス]

個人的には My Snow Monkey を利用されるのがベターだと思いますが、
子テーマのfunction.php や Code Snippets 等を利用してもよいと思います。

♥ 0

いいねをした人: 居ません

[es：エス]

追伸

発想を変えて、カスタマイザーでロゴ画像を設定せずタイトルを表示させるようにしておいて、
タイトルの左側にロゴ画像をフックで表示させる、という方法もアリかなと思います。

add_action(
	'snow_monkey_before_header_site_branding_column',
	function() {
	?>
		<p><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="LOGOnoURL" class="" alt="" width="160" height="80"></a></p>
		</a>
	<?php
	}
);

♥ 1

いいねをした人:

[Olein_jp]

上で紹介されているようにフックを活用してカスタマイズする方法の方ができることは多いので、希望に沿う形で実現できるかとは思います。PHPなどを記述する必要はありますが…

その方法とは別に、カスタマイザ→デザイン→ヘッダー の中に「ヘッダーコンテンツ」という項目があります。

こちらは上記で紹介されているフックの右側（順番的には）にテキストを表示することができます。入力欄上部に注意書きがあるようにPC表示時しか表示はされません。テキストを表示して少々スタイリングするだけであれば、こちらの方法も試されてみてもよいかもしれません。

参考までにどうぞ。

♥ 1

いいねをした人:

[miyuki]

ご親切にご説明ありがとうございます。

My Snow Monkey を利用したことがないため、今後学習していきたいと思います。

ありがとうございました。

♥ 0

いいねをした人: 居ません

[es：エス]

Olein_jpさんのコメントを拝見して、My Snow Monkey 等を使うのは難しい…といった場合にはどういう方法がよいかな…と考えてみたのですが、もしキャッチフレーズを利用しても問題ないようであれば、CSSだけでできるこういった方法はどうでしょう？

キャッチフレーズをロゴの右側に移動させる

.c-site-branding--has-logo {
 display: flex;
 align-items: center;
}

キャッチフレーズのサイズ・行間・色を変更する

.c-site-branding__description {
 font-size: 1.5rem;
 line-height: 1;
 color:#dd3333;
 padding-left:1rem;
}

♥ 2

いいねをした人:

[miyuki]

ご丁寧な回答をありがとうございました。

無事実装することができました。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿