- このトピックには3件の返信、2人の参加者があり、最後ににより6年前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- このトピックに返信するにはログインが必要です。
お世話になります。
表題の件、あまり詳しくご説明できませんが…
fresco by DigiPressバージョン: 1.0.4.2 (2018/12/14 更新済み)
WordPress 5.0.1
DigiPress Ex – Shortcodes のテーブル用ショートコードですが
スマホ表示時に本来であれば“添付画像①”のようにレスポンシブ化するはずが、“添付画像②”のようにスタイルシート上では横幅が強制的に200pxとなってしまうようです。
table.dp_sc_table th, table.dp_sc_table td {
width: 200px;
min-width: 100px;
}
オリジナルCSS設定を空にし、仕様中のプラグインも全停止しましたが解決できませんでした。
他に思い当たる箇所が見当たらない為、こちらに投稿させて頂きました。
こちらの設定ミスなのか、不具合なのか分からないのでご回答を頂ければ助かります。
以上、宜しくお願い致します。
「DP Ex – Shortcodes」からのテーブルショートコードでは、列数の多いテーブルの表示にも対応できるよう、テーブルの横幅がオーバーフローした際は、テーブルだけが横スクロールして確認できる仕様に変更されています。
※「Shortcodes for DigiPress」では列数の多いテーブル表示には対応できません。
表示幅を固定したい場合は、tablerow および tablecell ショートコードに width パラメータで幅を指定してください。
tablerow / tablecell 指定可能パラメータ
https://digipress.info/manual/shortcode-list/12/#tablerow
https://digipress.info/manual/shortcode-list/12/#tablecell
ご回答頂き有難う御座います。
内容を確認しましたが、添付画像 demo-1.jpg のようには既に表示される仕様では無くなったと言う認識で問題無いでしょうか?
コードについては以下のような記述をした場合、スマホ表示には
tablerow 横幅100%に対して tablecell を 70% , 30% にすることにより画面の横幅にテーブルがフィットするようになりました。
[table width="100%"]
[tablerow align="left" width="100%"]
[tablecell align="left" width="30%"]
項目名
[/tablecell]
[tablecell align="left" width="70%"]
概要
[/tablecell]
[/tablerow]
[/table]
ひとまず内容の把握はできましたので、ご回答有難う御座いました。
添付画像 demo-1.jpg のようには既に表示される仕様では無くなったと言う認識で問題無いでしょうか?
ご認識の通りで問題ありません。
ただし、今後もテーブルショートコードに限らず全てのショートコードによる表示について、より汎用性の高い手法や最適なレスポンシブ表示スタイルがあると判断した場合は、その都度スタイリングの仕様が変更される可能性があることをご了承いただければと存じます。