DigiPress

Highly Flexible WordPress Theme

スマホ表示時ショートコードのテーブルがレスポンシブ化されない

ホーム フォーラム 設定・不具合関連 スマホ表示時ショートコードのテーブルがレスポンシブ化されない

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #227383
    da-ke
    参加者

    お世話になります。
    表題の件、あまり詳しくご説明できませんが…

    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設定を空にし、仕様中のプラグインも全停止しましたが解決できませんでした。
    他に思い当たる箇所が見当たらない為、こちらに投稿させて頂きました。

    こちらの設定ミスなのか、不具合なのか分からないのでご回答を頂ければ助かります。

    以上、宜しくお願い致します。

    添付ファイル:
    添付ファイルを開くにはログインしてください。
    #228445
    DigiPress サポート
    キーマスター

    「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

    #229466
    da-ke
    参加者

    ご回答頂き有難う御座います。
    内容を確認しましたが、添付画像 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]

    ひとまず内容の把握はできましたので、ご回答有難う御座いました。

    添付ファイル:
    添付ファイルを開くにはログインしてください。
    #236127
    DigiPress サポート
    キーマスター

    添付画像 demo-1.jpg のようには既に表示される仕様では無くなったと言う認識で問題無いでしょうか?

    ご認識の通りで問題ありません。

    ただし、今後もテーブルショートコードに限らず全てのショートコードによる表示について、より汎用性の高い手法や最適なレスポンシブ表示スタイルがあると判断した場合は、その都度スタイリングの仕様が変更される可能性があることをご了承いただければと存じます。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。