吹き出しを入れると | カスタマイズ相談 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
Share:
Notifications

吹き出しを入れると  


ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月21日 22:57  

cocoon初心者です。

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

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

&nbsp

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

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

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

This topic was modified 1か月 前 by わいひら

引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4504
かうたっく - Facebook
2020年1月22日 08:48  

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

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

 

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

 


わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年1月22日 19:43  

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

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


返信引用
ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月23日 22:44  

返信引用
ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月23日 23:46  

----------------------------------------------
サイト名: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
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月23日 23:49  

返信引用
ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月23日 23:51  

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

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

 

 
<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)
メンバーサイト Moderator
参加: 2年 前
投稿: 4504
かうたっく - Facebook
2020年1月24日 00:19  
投稿者:: @yhira

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

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

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

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

 

ちなみに

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


わいひら 件のいいね!
返信引用
ebinstein
 ebinstein
(@ebinstein)
ゲスト
参加: 3か月 前
投稿: 7
2020年1月24日 06:49  

すみません。

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

https://ebinstein.com/englishcentral/

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

This post was modified 1か月 前 by わいひら

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年1月24日 19:46  
投稿者:: @ebinstein

すみません。

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

https://ebinstein.com/englishcentral/

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

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


返信引用
ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月27日 23:40  

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

 

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

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

 

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


返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4504
かうたっく - Facebook
2020年1月28日 01:25  

https://ebinstein.com/englishcentral/

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

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

 

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

 

これを見た感じですと

 

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

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

 

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

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


わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年1月28日 20:44  

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

Gutenberg:1

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


返信引用
ebinstein
(@ebinstein)
Active Member
参加: 3か月 前
投稿: 8
2020年1月30日 00:55  

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

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年1月30日 20:10  

通常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
 ebinstein
(@ebinstein)
ゲスト
参加: 3か月 前
投稿: 7
2020年1月31日 07:57  

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

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年1月31日 20:49  

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

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

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


返信引用
ebinstein
 ebinstein
(@ebinstein)
ゲスト
参加: 3か月 前
投稿: 7
2020年2月2日 13:53  

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

 


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年2月2日 20:50  

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


返信引用
ebinstein
 ebinstein
(@ebinstein)
ゲスト
参加: 3か月 前
投稿: 7
2020年2月3日 08:11  

変更しました。

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2020年2月3日 19:48  

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

This post was modified 4週間 前 by わいひら

返信引用

返信する


許可された最大ファイルサイズ 5MB

 
Preview 0 Revisions Saved
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:1年7ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
△DBは14日分だけ無料復旧可能(ファイルは有料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い

サービス運営期間:1年5ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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