Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

テーブルの文字をセルの中で折り返すよう...
 
共有:
通知
すべてクリア

[解決済] テーブルの文字をセルの中で折り返すようにしたい(ブロックエディター)

9 投稿
2 ユーザー
7 Reactions
5,417 表示
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
トピックスターター  

いつもお世話になっております。

旧エディターのテーブルでは、文字数が多いときはセルの中で文字が折り返されていたのですが、ブロックエディターにしてから一行で長く表示されてしまいます。

ブロックエディターのテーブルで作っても、ブロックエディターのクラシックで作っても同様の現象です。

作業画面では、折り返しています。

公開した画面でも適当な位置で折り返すようにしたいのですが、どのようにしたらいいのでしょうか。

どうぞよろしくお願いします。

サイトのURLです
https://xn--w8jte276hx5vdnebu3f.com/

このトピックは5年前からkchanに変更されました

   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

実際のページはどこになりますか???


   
わいひら reacted
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
トピックスターター  

かうたっくさん、コメントありがとうございます!

テーブルが横に長くなってしまうので、アップをしていませんでした。すみません…

今、記事の一番最後に2つテーブルを作ってアップしました。

URLです
https://xn--w8jte276hx5vdnebu3f.com/dagashiya-shinjuku/

編集画面は添付画像のようになっています。

どうぞよろしくお願いします。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

丁寧にありがとうございます!

どう伝えれば、運営者さんにも伝わるか。って事はおいておきますね^^;

.scrollable-table td {
	white-space: normal;
}

とりあえずこのCSSを追加すれば良いようです。親テーマにある該当箇所scrollable-table tdに囲まれた(書いたところで #ややこしい)の white-space: nowrap; の記載を初期値(ない状態)に戻した感じです。

他に影響がないか、ざっくりでもご確認お願いします。


   
kchan and わいひら reacted
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
トピックスターター  

かうたっくさん、ありがとうございます。

教えていただいたCSSを追加したら、無事に文字が折り返してくれました(^o^)ありがとうございます!

 

すみません、もう一つ伺いたいのですが、
セルの幅を広げるのはどのようにしたらいいのでしょうか。

添付画像の①は表のプロパティを
幅1600px
セル160px

②は
幅200%
セル20%

に設定したつもりです。

②の方は、セルが均一に広がらないのですが、指定の仕方が間違っているのでしょうか。

 

また、いずれの場合も スマホでは表の幅が上手く広がりませんでした。

パソコン・スマホとも表の横幅(セルの幅)を広げて、横スクロールさせたい場合はどのようにしたらいいのでしょうか。

どうぞよろしくお願いします。

この投稿は5年前ずつkchanに変更されました

   
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
トピックスターター  

スマホですと、画像のようになってしまいます。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

すみません、もう一つ伺いたいのですが、
セルの幅を広げるのはどのようにしたらいいのでしょうか。

タイトルは以下のようになってるようなので

テーブルの文字をセルの中で折り返すようにしたい(ブロックエディター)

またテーブルのセルが…。など、タイトルをたててトピックを挙げていただけたら。

 

私が回答する機会が合えば、その時また見せていただきますね^^

ご協力お願いします❦

 

ってことで今、あまり見てないですが、上記ご質問をコピペしただいて、URLを置いていただけたら助かります!

この投稿は5年前ずつかうたっくに変更されました

   
kchan and わいひら reacted
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
トピックスターター  

かうたっくさん、ありがとうございます。

質問タイトルと違う質問をしてしまい、すみませんでした!
新しいトピックを立てて伺いたいと思います。

どうぞよろしくお願いします(*^^*)


   
わいひら reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770

   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました