フォーラムへの返信
-
キタジマさんが仰っているとおり、どの状態でそうされたいのかにもよりますが、基本的にCSSは必要かなと思います。
CSSに頼りすぎるのもまた問題となることもありますが、納品予定ということはお仕事で制作されていると思いますので、CSSがちょっとでもわかってくると何かと便利ですし、何よりさらに楽しくなると思いますので、この機会にトライされることもおすすめしますよ。
もし、やってみようかな、トライしてみようかな、と思われたら、お返事ください。
私にわかる範囲で…とはなってしまいますが、一緒に考えて、お力になれたらと思います。いいねをした人:
ヘッダー全体の高さではなくヘッダー画像の高さということでしたら、「ヘッダー画像 高さ」でフォーラムを検索するとすぐに答えが見つかると思いますよ。
おそらく「高さ」ではなく「幅」で検索されていたので、見つからなかったのではないでしょうか。
いいねをした人:
フッター固定部分についてはコメントで、参考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; }同じく詳しくはチェックできていませんが、ヒントになりましたら幸いです。
いいねをした人:
