Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ヘッダーのデザインが何故かデフォルトと...
 
通知
すべてクリア

[解決済] ヘッダーのデザインが何故かデフォルトと大きく異なる(余白など)

8 投稿
3 ユーザー
0 Likes
1,720 表示
BUSH
 BUSH
(@bush)
投稿: 4
メンバー
Topic starter
 

【困っている内容】

何故か私のウェブサイトのヘッダーの余白が異様に大きく、Swellのデフォルトのデザインと多きくかけ離れています。

これはCSSで設定するしか無いのでしょうか、

そもそもデフォルトのデザイン通り上部に詰めてロゴやメニューが表示されればそれでいいのですが....

皆様の知恵を貸していただけますと幸いです。

【状況】

・テーマをcocoonから乗り換えています。当時のヘッダーは割と太めではありました。

・一旦テーマを戻したりしましたが改善されません。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
バージョン: 2.5.6.3
利用中のPHPバージョン
7.4
OS
Mac OS
利用中のWordPressバージョン
WordPress 5.8.2
利用中のサーバー会社
ロリポップ
ブラウザ
Chrome
利用中のプラグイン一覧

Contact Form 7
Flamingo
Site Kit by Google
SiteGuard WP Plugi
XML Sitemaps
【SWELL】乗り換えサポート from Cocoon

 
投稿済 : 15/12/2021 12:46 pm
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

最初のステップとして、ロゴ画像に含まれる余白部分をトリミングしましょう。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 15/12/2021 1:02 pm
BUSH
 BUSH
(@bush)
投稿: 4
メンバー
Topic starter
 

@swell_mania ご回答ありがとうございます。こちらのロゴ画像については、トリミングし余白についてはほとんど無い物を使用しています。

 
投稿済 : 15/12/2021 1:11 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

いいえ、トリミングされておらず、余白たくさん付いてますよ。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 15/12/2021 1:16 pm
BUSH
 BUSH
(@bush)
投稿: 4
メンバー
Topic starter
 

@96ssbike えっ!?そうですかね…確認しましたけど、元の画像には余白はほとんどありませんでした…。試しにロゴ画像を消しましたがやはり余白は埋まりません…。

 
投稿済 : 15/12/2021 1:26 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

@bush それは、外観 > カスタマイズ > ヘッダー > ロゴ画像サイズ(PC)をデフォルトの40に戻せば縮まります。そこは設定を自分で変えないとそうなりません。

今回の要因は、ロゴ自体がトリミングされてない、設定のロゴ画像サイズ(PC)この2点になるかなと思います。

ちなみに、さらにロゴの上下にpaddingが16pxずつ入っていますが、これはCSSを調整しないと確か消せないと思います(これは仕様ということで)。CSSはサポート範囲外です。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 15/12/2021 1:37 pm
BUSH
 BUSH
(@bush)
投稿: 4
メンバー
Topic starter
 

ご回答いただきありがとうございます!

恐らく、MacOSのChromeを使っているのですが…ブラウザのせいで表示が変だった可能性もあります。

検索をかけてSafariで表示すると、全くヘッダーの表示は問題ありませんでした…(非常に謎ですが…相性の問題ということで…)

記載いただいたトラブルシューティングも試させていただきました。

親身にご対応いただきありがとうございました。重ねて感謝申し上げます。

 
投稿済 : 15/12/2021 2:00 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

設定を変更したりアップデートなどで、もしもデザインがおかしい場合は、SWELL設定>キャッシュクリア(コンテンツ)もお試しいただければと思います。

ひとまず、解決して良かったです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 15/12/2021 2:37 pm
共有: