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

フォーラム

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

メリットデメリットテーブルをスマホで見ると形式が崩れている

4 投稿
3 ユーザー
2 Likes
290 表示
so056018
(@so056018)
投稿: 16
メンバー
Topic starter
 

メリットデメリットテーブルを使用しスマホで見ると、1枚目の画像のように形式が崩れてしまいます。(二枚目はPCからのものです。)
スマホでは縦表示をしたいのですが、その部分にチェックを入れるとこのようになってしまいます。
大変お手数ですが、解決案がありましたらご教示くださると幸いです。よろしくお願いいたします。

IMG 3720
スクリーンショット 2024 03 23 141732

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.9.0
利用中のPHPバージョン
7.4.33
OS
Windows11
利用中のWordPressバージョン
6.4.3
利用中のサーバー会社
Xサーバー
ブラウザ
Safari,chrome
利用中のプラグイン一覧

Blocks Animation: CSS Animations for Gutenberg Blocks (v.2.6.5)
Broken Link Checker (v.2.2.4)
Contact Form 7 (v.5.9.3)
Redirection (v.5.4.2)
SEO SIMPLE PACK (v.3.2.1)
Useful Blocks (v.1.7.4)
WP Revisions Control (v.1.4.3)
XML Sitemap Generator for Google (v.4.1.19)
XO Security (v.3.10.0)

 
投稿済 : 23/03/2024 2:26 pm
かんた
(@swell_mania)
投稿: 670
Https://webrent.xsrv.jp/
 

なるほど、たしかに🤔

 

スマホで縦に並べるなら、構造を以下の画像のようにしてみると良いかもしれません。

table

※リッチカラムブロックの1つ目のカラムにメリットのテーブルを作り、2つ目のカラムにデメリットのテーブルを作っています。

 

 

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

 
投稿済 : 24/03/2024 5:31 pm
skillsharejp reacted
skillsharejp
(@skillsharejp)
投稿: 1097
SWELL高速化顧問
 

ご質問のブロックがテーブルの縦表示を想定していない仕様かもしれませんね。

なので代替案としてはかんたさんのご提案通りにテーブルを作成するのが良さそうです。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 25/03/2024 1:50 am
so056018
(@so056018)
投稿: 16
メンバー
Topic starter
 

@swell_mania さん
@skillsharejp さん

ご意見ありがとうございます…!

アドバイスいただいた通り、スマホの表示分だけカラムで分けて別表示にしてみようと思います。

この部分が機能してくれたらとても便利だったのですが…ありがとうございました!

スクリーンショット 2024 03 25 202206
 
投稿済 : 25/03/2024 8:31 pm
かんた reacted
共有: