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

フォーラム

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

表の幅について

7 投稿
2 ユーザー
0 Likes
2,946 表示
momo3
(@momo3)
投稿: 53
メンバー
Topic starter
 

https://fxfay.com/monthei/
でタブをつかって表にしています。
下記サイトのようにPC画面ではスクロール使わず広い画面にしたいのですが、
方法はありませんでしょうか?

https://www.fxshihyo.com/

https://www.rakuten-sec.co.jp/web/market/calendar/

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

BackWPup (v.3.10.0)
BBQ Firewall (v.20220517)
Category Order and Taxonomy Terms Order (v.1.6)
Contact Form 7 (v.5.5.6.1)
EWWW Image Optimizer (v.6.5.2)
Flexible Table Block (v.2.6.1)
Google XML Sitemaps (v.4.1.1)
Highlighting Code Block (v.1.6.0)
Pochipp (v.1.7.5)
Pochipp Assist (v.0.1.0)
Post Type Switcher (v.3.2.1)
Really Simple SSL (v.5.3.2)
SEO SIMPLE PACK (v.2.4.1)
Useful Blocks (v.1.6.2)
WebSub (FKA. PubSubHubbub) (v.3.1.2)
Wordfence Security (v.7.5.10)
WordPress Ping Optimizer (v.2.35.1.2.3)
WP-Optimize - Clean, Compress, Cache (v.3.2.3)
wpForo (v.1.9.9.1)
WP Multibyte Patch (v.2.9)
WP Revisions Control (v.1.3)
XO Security (v.3.1.8)
Yoast Duplicate Post (v.4.4)

 
投稿済 : 10/06/2022 10:34 pm
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

テーブルブロックの配置オプションで中央揃えや右寄せなどの設定している場合を除き、テーブルはコンテンツ幅に表示されます。

PCで「スクロールできます」の表示を出したくなければ、ブロックオプションの横スクロール設定で「横スクロール可能(SPのみ)」にしてはどうですか?

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

 
投稿済 : 11/06/2022 9:50 am
momo3
(@momo3)
投稿: 53
メンバー
Topic starter
 

「横スクロール可能(SPのみ)」にすると、PCでは文字が消えてしまうので、設定では難しいのだと思います。
設定の設定は
サイト幅
1920

1カラム時の記事コンテンツ幅
900
にしていますが、「タブコンテンツ」の幅は900になってしまうので、文字がきれてしまいます。

image
 
投稿済 : 11/06/2022 5:33 pm
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

テーブルの横幅をコンテンツ幅の868pxにしたいってことで合っていますかね?

先程説明した「横スクロール可能(SPのみ)」を選択するとPCでの閲覧時にはテーブルの横幅は自動的にコンテンツ幅いっぱいに調整されます(width=100%)。

独自のカスタマイズをしていたり、「折り返し禁止」を使っていない限り下記画像のようにセルの中身は自動的に折り返しされます。

table block

テーブル内の文字が改行せずに消えることは本来ないのですが、消えてしまうんですかね?

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

 
投稿済 : 11/06/2022 6:33 pm
momo3
(@momo3)
投稿: 53
メンバー
Topic starter
 

昨日、専門の人が折り返しを解除するコードをいれてくれてしまい、表がすごく長いものになってしまいました。
もう二度と会えない人なので、困ってしまいました。
カンタさん、ありがとうございます。
折り返し禁止を解除する方法がわかれば教えていただきたいです!

 
投稿済 : 12/06/2022 11:27 pm
momo3
(@momo3)
投稿: 53
メンバー
Topic starter
 

上の上の質問のときは、コードは触っていなかったので、スクロールで折り返しはされていました。
スクロールしないでも、表がすべてみれるようにしたかったのですが、そちらについては断念します

 
投稿済 : 12/06/2022 11:29 pm
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 
投稿者:: @momo3

https://fxfay.com/monthei/
でタブをつかって表にしています。
下記サイトのようにPC画面ではスクロール使わず広い画面にしたいのですが、
方法はありませんでしょうか?

話を最初の質問に戻すと、SWELLの標準機能だけで実装できます。

<やり方>

  • 横スクロール可能(SPのみ)を選択
  • テーブルの配置オプションで「なし」を選択

テーブルのセル内で自動的に折り返す仕様になっていますので独自のカスタマイズは不要です。

「外注して変になった」ということであれば、追加したカスタマイズ部分を削除すれば解決します。ご自身で調べるのが時間的に厳しいようであれば、専門家に依頼すると良いかと思います。

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

 
投稿済 : 13/06/2022 12:11 pm
共有: