サイト内検索
Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年3月26日 15:34
相談内容:投稿から記事を作成する際に、
①コメントとして囲みたい部分を選択
②ビジュアルエディタのスタイル>ボックス(アイコン)>コメント
こちらを行うと文章全体が選択されてしまいます。
解決のために試したこと:
①上下を改行し十分に空白を開けた状態で選択・適用→NG
②HTMLで該当部分のみ選択・適用→NG
環境情報:
----------------------------------------------
サイト名:放課後等デイサービスの求人 こどもプラス求人募集サイト
サイトURL: https://recruitment.kodomo-plus.co.jp
ホームURL: https://recruitment.kodomo-plus.co.jp
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.7.2
PHPバージョン:8.3.10
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.4.1
カテゴリー数:10
タグ数:0
ユーザー数:2
----------------------------------------------
バージョン:1.1.3
style.cssサイズ:95890 バイト
functions.phpサイズ:35173 バイト
----------------------------------------------
Gutenberg:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2024/02/213.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Admin Columns 4.7.7
Advanced Custom Fields 6.3.12
Anti-Malware Security and Brute-Force Firewall 4.23.73
Category Order and Taxonomy Terms Order 1.8.8
Contact Form 7 6.0.5
Custom Field Suite 2.6.7
Custom Post Type UI 1.17.2
EWWW Image Optimizer 8.1.2
Export All URLs 5.0
Flamingo 2.5
Instant Indexing 1.1.21
Lazy Load - Optimize Images 2.3.9
Redirection 5.5.2
Redirection for Contact Form 7 3.1.10
Search Regex 3.1.2
SiteGuard WP Plugin 1.7.8
WordPress Importer 0.8.3
WP Multibyte Patch 2.9
Wp Posts Carousel 1.3.8
WP Statistics 14.12.6
XML Sitemap Generator for Google 4.1.21
Yoast Duplicate Post 4.5
----------------------------------------------
2025年3月26日 15:48
@ishikawa-jc-fc さんへ。
恐れ入りますが、上記のフォーラム案内のとおりスクリーンショットを添付いただいてもよろしいでしょうか。
書き込みの前に以下の3点をご確認ください。
ちなみに確認ですが、「ブロックエディタ」(Gutenberg)ではなく「クラシックエディタ」をご利用ではないでしょうか?
この投稿は3日前 2回ずつY.INABAに変更されました
わいひら reacted
2025年3月26日 16:02
@mk2_mk2 さん。
ありがとうございました!
(すみません見落としておりました😭)
@ishikawa-jc-fc さんへ。
「段落内の一部箇所を選択すると、段落すべてがコメントになる」という理解でよろしいでしょうか?
だとしたら、それは仕様になります。そして、「コメント」でなくてもそうなります。
実例を動画で添付させていただきますので、ご確認いただいてもよろしいでしょうか。
この投稿は3日前ずつY.INABAに変更されました
わいひら reacted
2025年3月26日 16:17
おそらく、以下のようなことを仰りたいのかとは思いますが・・・。
(真っ白で見づらいかも・・・)
ちょっと、実際の文章(HTMLソース)がどういう状態かを拝見しないと、分からないかも・・・です。
ご説明の文章だけでは、どういうことをなさりたいかが、第三者には伝わりにくいように感じます。
もう少し詳しくご説明いただけますと、助かります。
(文章だけでは伝わりにくいこともありますので、可能な限り、画像の添付をお願い致します)
もう少し詳しくご説明いただけますと、助かります。
(文章だけでは伝わりにくいこともありますので、可能な限り、画像の添付をお願い致します)
こちらを行うと文章全体が選択されてしまいます。
上記の「文章全体」とは?
先の返信のY.INABAさんの動画サンプルのようなことです?
(以下に添付します)
わいひら reacted
2025年3月26日 16:50
別件ですけれど。
WordPress 5.5以降は、標準でネイティブLazyLoad(遅延読み込み)に対応していますので、プラグインでLazyLoad機能を実装することは、必要ないと思うのですけれど。
EWWW Image Optimizer 8.1.2
Lazy Load - Optimize Images 2.3.9
ishikawa-jc-fcさんの場合は、上記2つのプラグインで、LazyLoadを実装なさっています。
2つのプラグインで、同じ機能を導入するのは、ちょっと不思議に思います。
(そして、むしろネイティブLazyLoadを無効にしています)
いろいろ、エラーも出ているようです。
JavaScript(jQuery)を遅延させているのかも・・・ですが。
こちらは別件ですので、これ以上何かを言うつもりはないのですけれど。
気づいてしまったもので、念のため書かせていただきました。
気づいてしまったもので、念のため書かせていただきました。
わいひら reacted
2025年3月26日 17:13
本題の方です。
もしかすると、以下のようなことを仰りたいのかも?
一見先程と同じように見えますが、HTMLの構造が違います。
先程は、3つのpタグの構造でした。
<p>ああああああああああ</p> <p>本文本文本文本文本文本文本文</p> <p>いいいいいいいいいい</p>
今回は、1つのpタグの中で、改行タグ(brタグ)を使用して、改行しています。
<p>ああああああああああ<br /> <br /> 本文本文本文本文本文本文本文<br /> <br /> いいいいいいいいいい</p>
上記のようなの話だとすると、テーマのバグではなく、そもそも文章の書き方の問題ですけれど・・・。
バグと断言なさっていますので、おそらく根拠がお有りになるのではないかと思います。
それを伝えていただけますと助かります。
それを伝えていただけますと助かります。
2025年3月26日 18:48
こんばんは、
全く別の問題ですが、Custom Field Suiteは、
複数の脆弱性があり、作者から非公開の申し出があったため、今後改善されるみ込みが全くありません。
よって、削除されることを強くお勧めします。
2024年6月ごろよりかねてから脆弱性の指摘を受けていたCustom Field Suiteプラグインですが、
作者の申し立てによりWordpress.orgでの公開は2024年8月20日をもちまして停止となった模様です。
https://ja.wordpress.org/plugins/custom-field-suite/
クロスサイトスクリプティングの脆弱性 JVNDB-2024-004159 - JVN iPedia - 脆弱性対策情報データベース
https://jvndb.jvn.jp/ja/contents/2024/JVNDB-2024-004159.html
コードインジェクションの脆弱性 JVNDB-2024-004382 - JVN iPedia - 脆弱性対策情報データベース
https://jvndb.jvn.jp/ja/contents/2024/JVNDB-2024-004382.html
SQLインジェクションの脆弱性 JVNDB-2024-004383 - JVN iPedia - 脆弱性対策情報データベース
https://jvndb.jvn.jp/ja/contents/2024/JVNDB-2024-004383.html
この投稿は3日前 3回ずつYamachan11に変更されました
トピックスターター 2025年3月27日 06:44
お世話になっております。
こんなにたくさんのご回答をいただけるとは思っておりませんでした。ありがとうございます。
①バグと断定している件
こちらのフォーラムを使用させていただくのが初めてで、不具合=バグと呼ぶという誤った認識でした。
悪意はございませんのでご了承ください。
②その他、遅延等について
自分が作成したサイトではないため意図までは分かり兼ねるのですが、いただいたご意見をご報告させていただきます。
とても勉強になりました。ありがとうございます。
本題です。
画像を添付させていただきます。
HTMLは以下のようになっています。
<p class="whitespace-pre-wrap break-words">保育士から異業種への転職では、保育現場での経験をどう伝えるかがカギです。</p>
<p class="whitespace-pre-wrap break-words">専門用語を避け、一般的なビジネス用語に置き換えて表現することで、採用担当者に伝わりやすくなります。</p>
<p class="whitespace-pre-wrap break-words">また、応募先企業・職種に合わせた職務経歴書のカスタマイズも重要です。</p>
これまでは、説明で添付していただいた動画と同様にできておりましたが
突然できなくなったため、今回質問させていただきました。
ご回答いただいた内容を踏まえて考えると、こちらの内部構造やエラーが原因の可能性が高いということですね。
この投稿は2日前ずつishikawa-jc-fcに変更されました
2025年3月27日 06:53
ishikawa-jc-fcさん
<p class="whitespace-pre-wrap break-words">保育士から異業種への転職では、保育現場での経験をどう伝えるかがカギです。</p>
<p class="whitespace-pre-wrap break-words">専門用語を避け、一般的なビジネス用語に置き換えて表現することで、採用担当者に伝わりやすくなります。</p>
<p class="whitespace-pre-wrap break-words">また、応募先企業・職種に合わせた職務経歴書のカスタマイズも重要です。</p>
部分的なご提示ではハッキリとはわからないと思います。
投稿全体で、タグの不整合等はないのでしょうか?
もし、既に公開されているものであれば、そのURLをご提示いただけますと助かります。
まだ、公開されていない場合は、投稿全体のHTMLソースのご提示を検討ください。
こちらの環境に取り込んで、確認してみます。
ちなみに、根本的な解決ではないですが。
今の順番ではなく、先にアイコンボックスを出しておいて、対象の部分をカット&ペーストで、アイコンボックス内に貼り付けるという方法も考えられるとは思います。
わいひら reacted
2025年3月27日 07:25
相談内容:投稿から記事を作成する際に、
①コメントとして囲みたい部分を選択
②ビジュアルエディタのスタイル>ボックス(アイコン)>コメント
こちらを行うと文章全体が選択されてしまいます。
そして、やはり良く分からないのは。
- どういう構造の文章の
- どの部分を選択して
- 結果、どうなったのか
なんですよね。
添付いただいた画像だと、pタグ2つ分、以下を選択したということでしょうか。
<p class="whitespace-pre-wrap break-words">専門用語を避け、一般的なビジネス用語に置き換えて表現することで、採用担当者に伝わりやすくなります。</p>
<p class="whitespace-pre-wrap break-words">また、応募先企業・職種に合わせた職務経歴書のカスタマイズも重要です。</p>
結果、どうなるのでしょう?
添付いただいた画像だと、ご提示いただいたの3行だけ、中央揃えになっています。
それは、class指定されているので、CSSで何か調整なさっているのでしょうか?
(何かのブロック要素の中にありませんか?
などなど、結局全体をご提示いただかないと、構造が良く分からないというのが、正直なところです。
わいひら reacted
2025年3月27日 09:42
とりあえず、ご提示いただいたHTMLで、確認してみます。
<p class="whitespace-pre-wrap break-words">保育士から異業種への転職では、保育現場での経験をどう伝えるかがカギです。</p> <p class="whitespace-pre-wrap break-words">専門用語を避け、一般的なビジネス用語に置き換えて表現することで、採用担当者に伝わりやすくなります。</p> <p class="whitespace-pre-wrap break-words">また、応募先企業・職種に合わせた職務経歴書のカスタマイズも重要です。</p>
アイコンボックスは、「コメント」だと真っ白で分かりづらいと思いますので、「メモ」でやってみました。
では、これを少し変えるとどうなるか・・・。
2つの動画の初期状態は、一見同じように見えますが、違います。
先程、以下のようにご質問させていただきましたが・・・。
添付いただいた画像だと、ご提示いただいたの3行だけ、中央揃えになっています。
それは、class指定されているので、CSSで何か調整なさっているのでしょうか?
(何かのブロック要素の中にありませんか?
ご提示いただいたものを、divタグで囲った状態が、2つめの動画です。
(divタグで囲むことにより、1つの大きなブロック要素になった)
<div> <p class="whitespace-pre-wrap break-words">保育士から異業種への転職では、保育現場での経験をどう伝えるかがカギです。</p> <p class="whitespace-pre-wrap break-words">専門用語を避け、一般的なビジネス用語に置き換えて表現することで、採用担当者に伝わりやすくなります。</p> <p class="whitespace-pre-wrap break-words">また、応募先企業・職種に合わせた職務経歴書のカスタマイズも重要です。</p> </div>
これも、書き方の問題のような感じですけれど。
このように、全体としてどうなのかということを確認しないと、正しいことは分かりません。
局所的に見れば、正しいように見えても、全体で見ればそうではないよねということは、良くある話です。
条件が違えば、結果が違うのは当然のことかと思います。
結局、必要な情報を与えられない状態では、十分な回答は得られないということです。
必要な情報が与えられない状態では、こちらとしては推測で何パターンも試すしかありません。
その結果、悪戯に時間を浪費するばかりです。
闇雲に、下手な鉄砲も・・・という状態ですから。
必要な情報が、新たにご提示されるまでは、こちらとしても、新たな調査確認は止めておこうかと思います。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。