- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
【困っている内容】
何故か私のウェブサイトのヘッダーの余白が異様に大きく、Swellのデフォルトのデザインと多きくかけ離れています。
これはCSSで設定するしか無いのでしょうか、
そもそもデフォルトのデザイン通り上部に詰めてロゴやメニューが表示されればそれでいいのですが....
皆様の知恵を貸していただけますと幸いです。
【状況】
・テーマをcocoonから乗り換えています。当時のヘッダーは割と太めではありました。
・一旦テーマを戻したりしましたが改善されません。
Contact Form 7
Flamingo
Site Kit by Google
SiteGuard WP Plugi
XML Sitemaps
【SWELL】乗り換えサポート from Cocoon
最初のステップとして、ロゴ画像に含まれる余白部分をトリミングしましょう。
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
@swell_mania ご回答ありがとうございます。こちらのロゴ画像については、トリミングし余白についてはほとんど無い物を使用しています。
いいえ、トリミングされておらず、余白たくさん付いてますよ。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
@96ssbike えっ!?そうですかね…確認しましたけど、元の画像には余白はほとんどありませんでした…。試しにロゴ画像を消しましたがやはり余白は埋まりません…。
@bush それは、外観 > カスタマイズ > ヘッダー > ロゴ画像サイズ(PC)をデフォルトの40に戻せば縮まります。そこは設定を自分で変えないとそうなりません。
今回の要因は、ロゴ自体がトリミングされてない、設定のロゴ画像サイズ(PC)この2点になるかなと思います。
ちなみに、さらにロゴの上下にpaddingが16pxずつ入っていますが、これはCSSを調整しないと確か消せないと思います(これは仕様ということで)。CSSはサポート範囲外です。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
ご回答いただきありがとうございます!
恐らく、MacOSのChromeを使っているのですが…ブラウザのせいで表示が変だった可能性もあります。
検索をかけてSafariで表示すると、全くヘッダーの表示は問題ありませんでした…(非常に謎ですが…相性の問題ということで…)
記載いただいたトラブルシューティングも試させていただきました。
親身にご対応いただきありがとうございました。重ねて感謝申し上げます。
設定を変更したりアップデートなどで、もしもデザインがおかしい場合は、SWELL設定>キャッシュクリア(コンテンツ)もお試しいただければと思います。
ひとまず、解決して良かったです。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/