トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
青い点線ボックスを使うと、左端が欠けてしまいます。
スマホ表示のみこうなってしまい、パソコンで見た時はこのようにはなりません。
どうしたらよろしいでしょうか。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.4.2
利用中のPHPバージョン
7.4.28
OS
iphone12
利用中のWordPressバージョン
5.8.4
利用中のサーバー会社
Xサーバー
ブラウザ
google
利用中のプラグイン一覧
Ad Inserter (v.2.6.16)
Ad Invalid Click Protector (v.1.2.6)
AdSense In-feed Placement for WordPress (v.1.1.1)
Advanced Ads (v.1.20.3)
Advanced Editor Tools (previously TinyMCE Advanced) (v.5.5.1)
Akismet Anti-Spam (v.4.1.7)
All-in-One WP Migration (v.7.29)
All-in-One WP Migration File Extension (v.1.6)
codoc (v.0.9.46.2)
Contact Form 7 (v.5.3)
Dagon Design Sitemap Generator (v.3.17)
EWWW Image Optimizer (v.6.5.2)
Google XML Sitemaps (v.4.1.1)
SEO SIMPLE PACK (v.2.4.1)
Simple Local Avatars (v.2.2.0)
SiteGuard WP Plugin (v.1.6.1)
TinyMCE Templates (v.4.8.1)
UpdraftPlus - Backup/Restore (v.1.22.7)
Widget Options (v.3.7.14)
投稿済 : 03/06/2022 3:42 pm
スマホで閲覧しても特に問題なく表示されています。テーマ自体の問題ではないかもしれません。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
投稿済 : 03/06/2022 5:59 pm
Topic starter
@skillsharejp ご返信ありがとうございます！僕はiPhoneで覗いたら画像のような感じになったのですが、何でご覧になられましたか？
投稿済 : 03/06/2022 11:34 pm
横からすみません。「スマホで」閲覧したという言い方はやめませんか。
一向に解決せず、平行線をたどることが多く、結果的に工数が増えます。
具体的にはどの端末のどのOSのバージョンで、どのブラウザで（できたらブラウザのバージョン情報もあったほうが良いですが）、というのを明確にしないと確認は進まないと思います。
今回の場合は、質問者さんの投稿に、
> スマホ表示のみこうなってしまい、
と記述されていましたが、
> OS：iphone12
とも記述されていたので、iPhoneの事象であることは推察できます。
これについての詳細は、こちらのスレッドをご覧ください。
既知の問題で、かつSWELLの問題ではありません。
https://twitter.com/ddryo_loos/status/1522355649539047425
解決するためには付け焼き刃で変なマージン入れなければいけないので、特にSWELL側で対処できることはないと思います。
（私自身は、自己責任の上で追加CSSで以下のマージンを入れています）
.has-border.-border03 {
margin-left: 0.3px;
}
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)
投稿済 : 04/06/2022 4:34 am
skillsharejp reacted
Topic starter
@96ssbike ご返信ありがとうございます。ご教授いただいたCSSを追加したのですが、状況は変わりませんでした。
OSのアップデートを待つしか方法はないですかね?
投稿済 : 04/06/2022 9:39 am
テーマ側で margin-left: 0.3px; は追加しているのですがこれでも改善していないのであれば、もう少し数値を大きくしてみてください。
例 margin-left:0.5px; や margin-left:1px;
SWELL開発者です。
投稿済 : 04/06/2022 10:19 am
skillsharejp and しらこ reacted