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

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

共有:
通知
すべてクリア

吹き出しを入れると

21 投稿
4 ユーザー
3 Reactions
2,483 表示
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

cocoon初心者です。

吹き出しを入れると、自動的に吹き出しの上下に行間ができてしまいます。

詳しくは更新したりすると、吹き出しの上下に行間ができます。

&nbsp

が勝手に入ってしまい、改行されてしまいます。

どのように対応すれば良いでしょうか?

よろしくお願いいたします。


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

Cocoon設定・テーマ情報にある文字列をコピペしていただけますか。

試してないので分かりませんが、試す前にご利用環境があれば助かります。

 

もしくは、段落が入るのであれば、削除するのも手だと思います。

 


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

出来れば、フォーラムの案内にもありますように実際のページのURLを提示していただければ幸いです。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください


   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

----------------------------------------------
サイト名:Ebinstein-Blog
サイトURL: https://ebinstein.com
ホームURL: https://ebinstein.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-colors-blue/style.css
WordPressバージョン:5.3.2
PHPバージョン:7.2.17
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.2 Safari/605.1.15
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-jp
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.5
カテゴリ数:4
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.8
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2019/08/IMG_0616.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.3
All In One SEO Pack 3.3.4
Aurora Heatmap 1.3.3
Contact Form 7 5.1.6
EWWW Image Optimizer 5.1.4
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.1
Shortcodes Ultimate 5.6.2
Simple 301 Redirects 1.07
Simple Custom CSS and JS 3.28
TinyMCE Advanced 5.3.0
TypeSquare Webfonts for エックスサーバー 1.2.1
WP Fastest Cache 0.9.0.2
----------------------------------------------


   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

さっきから画像が添付できません。

吹き出しを入れると下のようになります。

 

 
<div class="speech-wrap sb-id-16 sbs-line sbp-l sbis-cn cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://ebinstein.com/wp-content/uploads/2019/12/IMG_2614.jpeg" alt="ebinstein" /></figure>
<div class="speech-name">ebinstein</div>
</div>
<div class="speech-balloon">

内容を入力してください。

</div>
</div>
&nbsp;


   
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 
投稿者:: @yhira

出来れば、フォーラムの案内にもありますように実際のページのURLを提示していただければ幸いです。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください

その吹き出しのあるURLを言えて上記引用をお願いします。

って事をおっしゃってます。

 

ちなみに

私もエックスサーバーで
ブロックエディタをテスト環境に入れますが、そのような状況にはなってない感じですかねぇ。


   
わいひら reacted
返信引用
(@ebinstein)
Active Member
結合: 5年前
投稿: 13
 

すみません。

アドレスつけた時に同時に画像も載せたので、とうこうされなかったようです。

https://ebinstein.com/englishcentral/

このアドレスでは、吹き出しを入れて、更新後、前後の1行を削除しています。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 
投稿者:: @ebinstein

すみません。

アドレスつけた時に同時に画像も載せたので、とうこうされなかったようです。

https://ebinstein.com/englishcentral/

このアドレスでは、吹き出しを入れて、更新後、前後の1行を削除しています。

出来れば、不具合状態を見せていただきたいです。
あと、やはり不具合状態の画像があると助かります。もしよろしければ、画像サイトのメディアにアップロードして、画像のURLを貼っていただけますでしょうか。
そしては僕が、画像をこのフォーラムにも添付してアップするので、そしたらけしていただいて構いません。


   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

https://photos.app.goo.gl/icDV1urYZj2YWnMYA

 

遅くなりました。画像を2つ載せました。

ビジュアルモードで吹き出しをいれ、更新や、テキストモードで編集しようとするといつの間にか、吹き出しの前後にスペースができています。

 

よろしくお願いいたします。


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

https://ebinstein.com/englishcentral/

ブロックエディタを使ってない状態の記事でしょうか?

もしくは過去はクラシックエディタで書いた記事でしたか???

 

Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0

 

これを見た感じですと

 

タグの閉じ忘れなどあれば、以下引用ののような状態になった気もします。

ビジュアルモードで吹き出しをいれ、更新や、テキストモードで編集しようとするといつの間にか、吹き出しの前後にスペースができています。

 

ちょっとわからないのでHTMLが欲しいかも?

その前に
そうなる箇所のHTMLだけをコピーして、新規投稿でテキストモードもしくはHTMLに張り付けて試してみるとどうなりますか??


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

環境情報はブロックエディターが有効になっています。

Gutenberg:1

もしかして、ブロックエディターとビジュアルエディターを切り替えながら編集されていますか?


   
返信引用
(@ebinstein)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

ブロックエディタやクラシックエディタがよくわかっていませんが、ブロックエディタではないようです。

HTMLコードは以前載せたようなものになってしまします。

「&nbsp;」が付かないと良いのですが・・・。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

通常WordPressのデフォルトは、ブロックエディター(Gutenberg)になるはずです。
前述されたの環境情報の「プラグイン情報」にも「Classic Editor」プラグインはないように見えますが、どのようにクラシックエディター(ビジュアルエディター)で表示されているのでしょうか。

----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2019/08/IMG_0616.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.3
All In One SEO Pack 3.3.4
Aurora Heatmap 1.3.3
Contact Form 7 5.1.6
EWWW Image Optimizer 5.1.4
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.1
Shortcodes Ultimate 5.6.2
Simple 301 Redirects 1.07
Simple Custom CSS and JS 3.28
TinyMCE Advanced 5.3.0
TypeSquare Webfonts for エックスサーバー 1.2.1
WP Fastest Cache 0.9.0.2
----------------------------------------------

ブロックエディターについては「WordPress ブロックエディター」で検索して出てくる記事を何個か読めばある程度把握はできるかと思います。


   
返信引用
(@ebinstein)
Active Member
結合: 5年前
投稿: 13
 

ブログを始めた2019年8月からずっとこの状態です。

多分何もわからず始めたので、何か変な事をしたんでしょうね。

今からでもclassic editerをインストールした方が良いですか?


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

そういうことではないと思います。

本来なら「Classic Editor」プラグインを利用していないと、そういう表示にはならないので、なぜそうなっているのか原因を探る必要があるのかもしれません。

Cocoon設定の「エディター」タブでもGutenbergは有効になっていますよね?


   
返信引用
(@Ebinstein)
Active Member
結合: 5年前
投稿: 13
 

はい。有効になっています。

 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

だとしたら何かしらカスタマイズが原因の可能性もあります。
functions.phpなどは変更していないですか?


   
返信引用
(@Ebinstein)
Active Member
結合: 5年前
投稿: 13
 

変更しました。

CSSをいじったりする時に、functions.phpも変更をする様に指示もありましたので、変更しました。

探すべきコードを教えていただければ、探してみますが、どうすれば良いですか?


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

どんなコードかは、僕がカスタマイズしたわけではないので、わからないです。
自前で行ったカスタマイズであれば、そのカスタマイズ部分を削除してみればよいのではないでしょうか。


   
返信引用
共有:

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

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

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

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

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

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

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

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