フォーラムへの返信
-
ヘッダー全体の高さではなくヘッダー画像の高さということでしたら、「ヘッダー画像 高さ」でフォーラムを検索するとすぐに答えが見つかると思いますよ。
おそらく「高さ」ではなく「幅」で検索されていたので、見つからなかったのではないでしょうか。
いいねをした人:フッター固定部分についてはコメントで、参考CSSは右端の追従ボタンのみでしたね。失礼しました。
/*フッター固定CTA1 ID入力*/
#menu-item-xxxx { background-color: #dd3333; color: #fff; font-weight: bold; }/*フッター固定CTA2 各ID入力*/
#menu-item-xxxx { background-color: #cccccc; color:#333; font-weight: bold; }xxxx部分は各IDになります。お試しください。
いいねをした人:ひょっとしたら、Snoｗ Monkey Blocksの設定関連のデータが破損したとかおかしくなったとかかもと思ったのですが、設定画面ですべての項目はオンになっていますか？検討違いでしたらすみません…
いいねをした人: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; }いいねをした人:追伸
発想を変えて、カスタマイザーでロゴ画像を設定せずタイトルを表示させるようにしておいて、
タイトルの左側にロゴ画像をフックで表示させる、という方法もアリかなと思います。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 } );いいねをした人:キタジマさん
v17.2.3にて、フォント設定の説明文とともに修正され、正しく反映されることを確認いたしました。
キタジマさんの創意工夫により、CDN版より軽量な状態で使用できるようですが、その恩恵で表示ラグも短くなるようでしたら使えるシーンがさらに増えそうですね。
私も今後、Googleフォントがマッチしそうなサイトでは、テストを兼ねて使用してみようと思います。
他環境の方もいらっしゃると思いますので、少し様子を見てからトピックを閉じるようにいたします。
早々にご対応いただき、ありがとうございました。
いいねをした人:追伸です。
v17.2.1で制作中だった2サイトがあり、どちらもプラグインを全オフし、カスタマイザーも初期状態に戻せる状態だとわかったので、取り急ぎ、v17.2.1のままとv17.2.2にしたものの2点でテストをしてみました。※どちらも下記のケースです
トップページ URL : https://example.com/wp
WordPress ディレクトリ : https://example.com/wp結論として、v17.2.1、v17.2.2、いずれも非ログインでは反映されなかったのですが発見がありました。
v17.2.1では、ログイン・非ログインのいずれも、ソース上で当該CSSが表示されていました。
また、ログイン・非ログインのいずれもフォントまわりのエラーが20ほど発生していました。v17.2.2では先のとおり、ログイン時のみCSSが表示されていて、エラーはどちらもありませんでした。
取り急ぎ、追加情報としてご報告しておきます。
いいねをした人:GONSYさん
いつもGONSYさんにも勉強させていただいておりますので、少しでもお役に立てたなら何よりです。
ただ、私の案が最適解かはSnow Monkey全体での兼ね合いもあると思いますので、
キタジマさんの最終的な見解をお待ちしたいですね。お邪魔いたしました。これからもよろしくお願いいたします。
いいねをした人:横からすみません。
私の環境では、キタジマさんのコードでは反対に2番目のタブ側のフッター下段の余白が
大きく下に伸びてしまいましたが、下記のようにすると直ったように見えています。.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] { position: fixed; }あるいはキタジマさんのコードの
absoluteをfixedに。.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] .smb-tab-panel__body { position: fixed; }同じく詳しくはチェックできていませんが、ヒントになりましたら幸いです。
いいねをした人:キタジマさま
ご返答いただき、ありがとうございます。※コード表記の整形も恐れ入ります
キタジマさんとまーちゅうさんのやり取りを少し読み違えていたことから
ややこしい投稿となりまして申し訳ない次第です。すみません。。h1,～等の場合、エディターに出力される段階で変換されるためとのことを理解いたしました。
またご指摘のとおり入力欄＝ページタイトルも、反映する際の記述方法についてと、
基本フォントまわりの適用等についても、理解いたしました。ありがとうございます。以前のフォーラムトピックにて、游ゴシックに対するのお考えも拝見していましたので、
現在の基本フォント設定の選択についても、熟考されてのことだろうと想像します。基本フォント設定のサンセリフ（ゴシック）も systemu ui 等のファミリーになっていて、
さまざまな環境・デバイスでも閲覧性の高い表現になるため、よいご選択だと思い、
実際に、その設定にて使用しておりました。ただその上で今後フォントを変更したくなった際に、UIフォントを例えばNoto sansや明朝体に
変更すると文字間や文字幅が極端に異なることから、文章のリライトやレイアウト自体の変更が
必要な場面も出てくるかも…と思い見直すことにしたのが、本件に気付いたきっかけでした。ちなみに、別テーマを使用していた時には特に気にならなかったことなのですが、
Snow Monkey は細部にわたり、美しく見える配慮がなされているテーマですので、
それに慣れてしまったことで、反対に要望が強くなったのかも…と自戒しております。^^長くなりましたが、ひとまずは
:root, .is-root-container { --_base-font-family: ～の記述法にて対処しておこうと思います。
※また、まーちゅうさんがご提示くださったadd_editor_style()での指定方法も、
改めて試してみたいと思っています。もし以降のアップデートの際に、自動置換される方法や、基本フォントに追記できる方法など
ご検討いただけそうでしたら、よろしくお願いいたします。少ししてから、特にコメントがないようでしたらトピックを閉じるようにいたします。
キタジマさん、まーちゅうさん、ご対応いただきありがとうございました。
いいねをした人:
