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

フォーラム

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

[解決済] ヘッダーロゴとヘッダーナビの位置について

6 投稿
2 ユーザー
3 Likes
352 表示
pinkman
(@pinkman)
投稿: 4
メンバー
Topic starter
 

初めて投稿いたします。勝手が分かっておりませんので誤り等ございましたら恐れ入ります。

ヘッダーロゴとヘッダーナビについて、

カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、

サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。

その状態が、実際にサイト公開した際の見え方になると思うのですが、

左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか?

お手数おかけしますが、どうぞよろしくお願い申し上げます。

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.6.2
利用中のPHPバージョン
7.0.x
OS
Windows
利用中のWordPressバージョン
6.2.2
利用中のサーバー会社
Xfree
ブラウザ
Chrome
利用中のプラグイン一覧

SEO SIMPLE PACK

 
投稿済 : 02/07/2023 3:45 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

質問への返答ではないのですが、参考資料をフォーラムに貼る場合はjpegやgifなどの画像にするのがおススメです。xlsxはエクセルの拡張子なので、エクセルを開けるユーザーでないと中身を確認することができません。

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

 
投稿済 : 02/07/2023 4:54 pm
pinkman reacted
pinkman
(@pinkman)
投稿: 4
メンバー
Topic starter
 

@swell_mania アドバイスいただきありがとうございます。以後そのようにいたします。

 
投稿済 : 02/07/2023 6:44 pm
pinkman
(@pinkman)
投稿: 4
メンバー
Topic starter
 

アドバイスいただきましたので、先の添付ファイルをPDF化いたしました。
以下、ご質問の再掲でございます。どうぞよろしくお願い申し上げます。

ヘッダーロゴとヘッダーナビについて、

カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、

サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。

その状態が、実際にサイト公開した際の見え方になると思うのですが、

左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか?

お手数おかけしますが、どうぞよろしくお願い申し上げます。

 
投稿済 : 02/07/2023 6:51 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

ヘッダーのロゴからメニューが表示されるエリアの横幅は、初期値で最大1296pxです。
カスタマイザー内で設定できるサイト幅(1200px)+左右48pxの余白(96px)という計算です。

 

header max width

最大値近辺、または最大値より小さい解像度の端末でアクセスすると左右の余白はほぼ消えます。カスタマイザーでの表示はこのパターンです。

その逆に解像度の高い端末の場合はロゴとメニューが表示されるエリア(1296px)は固定で、その横に余白ができます。
ロゴが画面の左端、メニューが右端に表示される仕様ではありません。

 

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

 
投稿済 : 03/07/2023 12:22 pm
pinkman and reacted
pinkman
(@pinkman)
投稿: 4
メンバー
Topic starter
 

@swell_mania お返事いただき、誠にありがとうございます。解像度によってはどうしようもない旨、理解いたしました。早々にお返事いただき、またご丁寧に解説いただき、感謝申し上げます。今後ともどうぞよろしくお願い申し上げます。

 
投稿済 : 08/07/2023 10:41 am
共有: