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カスタマイズ依頼

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

改行が無効化される事象について
 
共有:
通知
すべてクリア

[解決済] 改行が無効化される事象について

4 投稿
2 ユーザー
3 Reactions
4,915 表示
 muto
(@muto)
Active Member
結合: 6年前
投稿: 5
Topic starter  

改行に関して編集画面とサイト画面が異なる件について、ご質問させていただきます。

投稿の編集時に

A…50mg

B…60mg

としていても、サイトの表示では

A…50mgB…60mg

のように、改行が消えてしまいます(改段落だと問題ありません)。

これは、半角英数字同士の間にある改行が無視されるためとのことで、CSSファイルに

body {
word-wrap: break-word;
overflow-wrap: break-word;
}

と追記すれば解消できるようなのですが、Cocoon子テーマの「style.css」に記載しても特に変化が見られませんでした。

あまり複雑でない方法で、上記の不具合を解決できる方法がありましたら、アドバイスをいただけると幸いです。
お手数をお掛けしますが、どうぞよろしくお願いします。


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

不明点があるので質問にお答えください。

  1. WP管理画面ではテキストエディタをお使いですか?ビジュアルモードで編集されてますか?
  2. その場合ビジュアルエディタ上では、どのような表示になってますか?

またテキストエディタのほうの内容をコピペしていただけたらと思います。

https://notepad.pw

3・4個目の質問

  1. style.cssに他段落pの中の改行brを非表示にするようなCSSを子テーマで付けてますか。
  2. プラグインの可能性はありませんか?

それらをCheckしても無理でしたら、実際に書きこんだページのURLがあれば、原因を探す程度ならできるかと思われます。

できれば不具合・カスタマイズ対象ページのURLを掲載してください

 

後は以下リンク先で次のような事を書いてます。ご存知かどうかわかりませんが、一応リンクを2つ置いておきますね。

  • WordPressでEnter は段落
  • Shift+Enter は改行

みたいな事を書いているページ

https://wp-cocoon.com/community/customs/%E3%83%A1%E3%83%A2%E5%B8%B3%E3%81%8B%E3%82%89%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E6%96%B0%E8%A6%8F%E6%8A%95%E7%A8%BF%E7%94%BB%E9%9D%A2%E3%81%AE%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AB/#post-5370

 

  • テキストエディタしか使っていなかった
  • ビジュアルエディタだとEnterの連続でいくらでも空白行を作れることがわかりました。

このような事が書いてあるページ。

https://wp-cocoon.com/community/bugs/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3brbrbr%E3%82%92%E4%BD%BF%E3%81%86%E3%81%A8%E3%83%96%E3%83%AD%E3%82%B0%E3%82%AB%E3%83%BC%E3%83%89%E3%81%8C%E3%81%8A%E3%81%8B%E3%81%97%E3%81%8F%E3%81%AA/#post-1351

 

ちなみに書いて頂いたCSSは、ほんのり認識・使いみちが違うので反映しないのであります。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
<p><span>と追記すれば解消できるようなのですが、</span>

<span>Cocoon子テーマの「style.css」に記載しても特に変化が見られませんでした。</span></p>

ちなみに、今触ってたのですが、上記のようにspanで囲まれていれば、1本で表示されるかもしれません。

と追記すれば解消できるようなのですが、 Cocoon子テーマの「style.css」に記載しても特に変化が見られませんでした。

万が一こんな感じでしたら、(WPテキストエディタにはp段落はないので、)spanタグを削除ししてください。

<p>と追記すれば解消できるようなのですが、

Cocoon子テーマの「style.css」に記載しても特に変化が見られませんでした。</p>

こんな感じ。ちなみに。これは段落になるので、以下のようにすれば、改行になります。

<p>と追記すれば解消できるようなのですが、
Cocoon子テーマの「style.css」に記載しても特に変化が見られませんでした。</p>

   
わいひら reacted
 muto
(@muto)
Active Member
結合: 6年前
投稿: 5
Topic starter  

>かうたっく 様

ご回答ありがとうございます、おかげさまで問題が解消されました!

質問が曖昧でしたが、「Shift+Enter」で改行、「Enter」で段落を使い分けていたところ、英数字の文の改行だけうまくいかないという事象でした(日本語の改行・段落、英語の段落はうまくいきます)。

プラグインの可能性はありませんか?

とのことでしたので、文字まわりのプラグインではTinyMCE Advancedを使っていたので、これを停止したところ、上記の不具合が解消されました。また、再度このプラグインを有効化しても、同様の問題は起こりませんでした。

その後いろいろ触ってみても同様の現象が再現できないので、原因ははっきりしないのですが、解決したものと思うことにします。

様々なアプローチを提示していただき、本当にどうもありがとうございます!


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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