- このトピックには8件の返信、3人の参加者があり、最後に
により2年、 4ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 16.5.2
【お使いの Snow Monkey Blocks のバージョン】 15.0.6|
【お使いの Snow Monkey Editor のバージョン】 7.0.1
【お使いのブラウザ】Google Chrome### 実現したいこと
ヘッダーのロゴ横にタイトル名を入れる
### 実現したいこと
ヘッダーにあるロゴの右に企業名を入れたいです。文字を入れる場合どうしたらいいでしょうか。
### 発生している問題
ロゴの横に文字を入れる方法がわからない
### 試したこと
初歩的質問失礼いたします。
こちらのフォームで検索し、ロゴの上下に文字を入れる方法は質問であったのですが、横に入れる方法が検索しきれませんでした。
よろしくお願い致します。
いいねをした人: 居ません個人的には My Snow Monkey を利用されるのがベターだと思いますが、
子テーマのfunction.php や Code Snippets 等を利用してもよいと思います。いいねをした人: 居ません追伸
発想を変えて、カスタマイザーでロゴ画像を設定せずタイトルを表示させるようにしておいて、
タイトルの左側にロゴ画像をフックで表示させる、という方法もアリかなと思います。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 } );いいねをした人:
上で紹介されているようにフックを活用してカスタマイズする方法の方ができることは多いので、希望に沿う形で実現できるかとは思います。PHPなどを記述する必要はありますが…
その方法とは別に、カスタマイザ→デザイン→ヘッダー の中に「ヘッダーコンテンツ」という項目があります。
こちらは上記で紹介されているフックの右側（順番的には）にテキストを表示することができます。入力欄上部に注意書きがあるようにPC表示時しか表示はされません。テキストを表示して少々スタイリングするだけであれば、こちらの方法も試されてみてもよいかもしれません。
参考までにどうぞ。
いいねをした人:
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; }いいねをした人:
- トピック「ヘッダーの右に文字（企業名）の挿入方法」には新しい返信をつけることはできません。