- このトピックには2件の返信、2人の参加者があり、最後にShingo Sasakiにより2年、 8ヶ月前に更新されました。
-
投稿者投稿
-
2022年3月4日 10:02 AM #100320
【お使いの Snow Monkey のバージョン】16.1.3
【お使いの Snow Monkey Blocks のバージョン】14.1.1
【お使いの Snow Monkey Editor のバージョン】7.0.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://xs533786.xsrv.jp/Snow Monkey Blocksの『タブブロック』の中で利用しているショートコードが正しく読み込まれないため投稿させていただきました。
TablePressというプラグインのショートコードを利用しています。
普通に設置した場合や、タブ1(最初のタブ)に設置した場合は問題無く表示されます。
ただ、タブ2、タブ3に設置すると表示が崩れてしまいます。
※タブ1・2・3は記載のサイトURLを参照くださいませ。自分では解決することができず、こちらに投稿させていただきました。
アドバイスを頂けますと幸いです。### 発生している問題
・Snow Monkey Blocksのタブ内に設置したショートコードが正しく読み込まれないTablePressの設定情報
### 試したこと
余分なプラグインの停止
■現在動作中の使用プラグイン
・Snow Monkey Blocks
・Snow Monkey Editor
・TablePress
・WP Multibyte PatchCss・PHPの追加記載は無く、デフォルトの状態
使用しているショートコードは、すべて同じ。
[table id=1 /]♥ 0いいねをした人: 居ません2022年3月4日 12:36 PM #100332どうもお使いのプラグインのショートコードで出力されるテーブルは js でテーブルの幅を制御しているみたいで、タブブロック、非表示のタブコンテンツは
display: none
で非表示にしているので非表示のときは js で幅が取得できないため縮んでしまうようです。CSS を追加して強制的にサイズを調整するしかないかなと思います。例えば
.smb-tabs .dataTables_scrollHeadInner, .smb-tabs .tablepress, .smb-tabs .dataTables_scrollBody { width: 100% !important; }
みたいな。状況に合わせて CSS を調整してみてください。
2022年3月4日 2:19 PM #100346 -
投稿者投稿
- トピック「タブブロック内のショートコードが正しく読み込まれない」には新しい返信をつけることはできません。