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

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

草村
草村
@kusamura_mono
Registered
Estimable Member
結合: 2018年11月13日 13:50
Last seen: 2020年9月12日 00:43
トピック: 0 / 返信: 174
返信
RE: トップページのカスタマイズ方法

こんにちは。 「Cocoon設定>通知」で設定すれば表示出来ると思いますよ!

4年前
フォーラム
返信
RE: タブボックスのタブと枠線に隙間があります。

失礼します。 line-heightを削除するとCocoonの設定で、本文余白の「行の高さ」を設定している場合ズレると思います。 添付画像は行の高さ2.2の時の状態です。逆に1とか小さい数字なら隙間が出来ます。 ズレ防止ならtopではなくbottom:100%;が無難な気がしますが、bottom:1...

4年前
フォーラム
返信
RE: Cocoon 1.8.5で公開されたヘッダーモバイルボタン(β版)の不具合

修正ありがとうございました! また何か不具合があったり気づいた事があればご報告します。他のiPhone保持者の皆様もどうぞよろしくお願いします!

4年前
フォーラム
返信
RE: Cocoon 1.8.5で公開されたヘッダーモバイルボタン(β版)の不具合

私も多分バウンススクロールのせいだったのかな?と思います。 あと、さっきコードを確認したんですが var headerCurrentPos = $(this).scrollTop(); if ( headerCurrentPos > headerStartPos ) { if($(wi...

4年前
フォーラム
返信
RE: Cocoon 1.8.5で公開されたヘッダーモバイルボタン(β版)の不具合

こんにちは。 Cocoonトップページで一度下にスクロールした後、上にスクロールしたりトップへ戻るボタンをタッチして確認しましたがヘッダーモバイルボタンは正常に表示されています。 実装された当初は私の方でも消えてしまう事があったように思うので、現在はきちんと改善されているようです! 確認環境:iPh...

4年前
フォーラム
返信
RE: LazyLoadを有効にするとiPhoneでページ内リンクの移動位置がズレる時がある

わいひらさん 素早いご対応ありがとうございます! 確認しましたら移動位置が正常になっていました。添付画像は目次の「4.独自ボタンを作成する」をクリックして移動した位置です。 別件の方も確認したので、そちらに書き込みをしておきます! 2019-06-27-21-04-53.png

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

わいひらさん 今、テスト環境で試しましたがエスケープしたショートコード関係は特に問題なく目次がちゃんと表示されました。 この度は色々とありがとうございました ?

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

ロコさん詳しい説明ありがとうございます! そして、こちら もし必要ない処理なら極力減って欲しいのもあり、自動挿入の目次ではdo_shortcodeを実行しない 弁解させてもらいますと、”自動挿入の目次では”ショートコード展開済みの本文が取得されているようなので、”再び”do_shortcodeを通す...

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

わいひらさん 最新版を適用した所、エスケープしたショートコードが実行されなくなりました!おかげでエラーも出なくなりました ? てっきりロコさんの提示してくださった方法が見出しのみに関係する事でエスケープしたショートコードが実行されてしまう事は変わらないのかと勘違いしておりました。詳しく説明していただ...

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

ロコさん 詳しく見てくださってありがとうございます! 「エスケープしたショートコード見出し」が目次に含まれないようにすべき、ということでよろしいですよね? はい。その通りなんですが、もっと言うと「エスケープしたショートコードは実行しない」ようになればいいなと思っています。 例えば[navi name...

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

ヘッダーモバイルボタン機能について> 新機能でヘッダーモバイルボタンが実装されるんですね! 普段Cocoonのカスタマイズを通して色々な事を学ばせて貰っています。Cocoonを利用させてもらっている事ももちろんですが、当ブログの記事を紹介してくださったりフォーラムでお世話になったり、わいひらさんにた...

4年前
フォーラム
返信
RE: エスケープしたショートコードに見出しが含まれると目次に認識されてしまう

ご返信とご対応ありがとうございました!アップデートして確認しましたが、結果は変わりませんでした…。 適切かどうかわからないのですが、その後少し調べようと試した事をご報告します。 functions.phpに以下のコードを追加して本文を出力してみたんですが自動挿入の目次に渡された本文はすでにショートコ...

4年前
フォーラム
返信
RE: 目次CSS削減のご提案

わいひらさん> 記述がシンプルになりサイズも小さくなってよかったです!更新して確認しましたが見た感じ特に問題なさそうです。素早いご対応ありがとうございました! かうたっくさん> 抜けると数字に影響が出る部分だったので記述すべきだったな、と思った次第です…!補完になったのでありがたかったです! お疲れ...

4年前
返信
RE: 目次CSS削減のご提案

かうたっくさん 補足とご確認ありがとうございます!カウンターの部分ばかり見ててlist-style:none;が抜けていました!補足いただいて助かりました、と共にちょっと不安だったので安心しました。 まだ何か抜けがあったら申し訳ないのですが、少しでも削減に繋がればな、と思います ?

4年前
トピック
Replies: 8
Views: 1909
返信
RE: iPhoneで光るボタンを見ると光っていない

対応ありがとうございます! 私の方も確認したら問題なく光りました!ベンダープレフィックスはなくて大丈夫そうです。

4年前
フォーラム
返信
RE: iPhoneで光るボタンを見ると光っていない

書き忘れましたが、テスト環境で試したのは現在自動アップデートで利用出来るCocoon1.8.3になります。

4年前
フォーラム
返信
RE: iPhoneで光るボタンを見ると光っていない

わいひらさん こんにちは。光らない不具合はCSS縮小化が原因じゃないかと思います。テスト環境でボタンを試した所、CSS縮小化を解除すると光りました。 縮小化を行うと0%の単位が削除されて以下のように0なってしまいます。 @keyframes shine{0{transform:scale(0) ro...

4年前
フォーラム
返信
RE: ヘッダーロゴが表示されません。

こんにちは。 子テーマのstyle.cssに以下の記述があるのが原因だと思います。削除して確認してみてください。 .logo-header{ display: none;}

4年前
フォーラム
返信
RE: ブログカードが表示されない

こんにちは。 URLの先頭に半角スペースが入っているように見えるのですが、これを消してもブログカードになりませんか?

4年前
フォーラム
返信
RE: Cocoon設定から選択したフォントが検索ボックスのプレースホルダーに適用されない

こんにちは。 フォーム関連のタグはフォントが継承されないので、font-family : inherit;を指定しちゃうのが簡単かもしれません。 HTML フォームへのスタイル設定 - Web 開発を学ぶ | MDN

4年前
フォーラム
返信
RE: カテゴリーウィジェットの記事数表示のレイアウト崩れについて

こんにちは。 以下のコードを追加してみるとどうでしょうか。この方法はclearfixと呼ばれるもので検索すれば詳しい解説も見つかるかと思います。 .widget_categories a::after {content:'';clear:both;display:block;}

4年前
フォーラム
返信
RE: プロフィールの肩書きラベルの文字サイズと色を変えて名前の下に表示させたい

こんにちは。 余白の件に関して、Googleで検索したら出てきました。IEのバグで↓こちらが原因だと思います。 flex-directionを指定した時に IE11で表示がおかしくなる | WEB PIXY 上記ページを参考に.author-thumbにmin-heightを指定すれば直ると思います...

4年前
フォーラム
返信
RE: 人気記事ウィジェットの一部不具合

わいひらさんアップデートありがとうございます。 私のテスト環境では元よりキャッシュを無効にしていて、ランクインした記事を非公開にしているのが原因なので関係ないかもしれないのですがご報告です。 Cocoonを最新版(1.7.4.5)にアップデート・人気記事ウィジェットのキャッシュの削除をして確認しまし...

4年前
フォーラム
返信
RE: 固定ページへの新着記事の表示がうまくできません

こんにちは。 ショートコードのカテゴリー指定の所、画像を見るとcatになっているのですが正しくはcatsだと思います。(sが抜けています) 一度修正して確認してみてください。 新着記事一覧を表示するショートコードの利用方法 | Cocoon

4年前
返信
RE: 目次についてのカスタム相談

こんにちは。 下線が繋がって欲しい場合はmarginを無くしてletter-spacingに変更すれば可能かな?と思います。 letter-spacingは字間の余白を調節するものです。 .toc ul.toc-list > li > a::before,.toc ol.toc-list...

4年前
フォーラム
返信
RE: 人気記事ウィジェットの一部不具合

集計期間を本日に絞っても1つ少なく表示されますか? もし表示されたら、 前々回の返信で、言葉足らずで逆の意味になってたので訂正です。もし表示されたら=もし正常な記事数表示されたらの間違いでした。 ちょっと気になったので訂正だけ…失礼いたしました!

4年前
フォーラム
返信
RE: SSL化前に導入したためか、親テーマ画像が混合コンテンツとなる

こんにちは。 httpページを簡単https化(SSL対応)する方法 | Cocoon こちらのページの「Cocoon設定の確認」あたりを参考にして、アドレスを変更してみてください。

4年前
返信
RE: 吹き出しアイコンの枠の色を左右で別々にしたい。

こんにちは。 実際のページを見てないので提示されたCSSからの予想ですが、こんな感じでどうでしょうか?色はお好みで変更してください。 /* ママさん・むすめさん */.sbs-line.sbp-l .speech-icon-image { border-color: gray;}/* おおもと...

4年前
フォーラム
返信
RE: 人気記事ウィジェットの一部不具合

仮に公開状態が原因でしたらキャッシュ削除では解決しないかもしれません。集計の時に公開状態はチェックしない?ように見えるので(違ったらすみません ? ) でも原因不明ですし色々試す際はキャッシュ削除や、アクセス集計のキャッシュを無効にしてからがいいですね! トピ主さんの返信がないまま話を進めて申し訳な...

4年前
フォーラム
返信
RE: 人気記事ウィジェットの一部不具合

こんにちは。 集計期間を本日に絞っても1つ少なく表示されますか? もし表示されたら、アクセス数が多かった記事を非公開にしたとかはないですか。私も以前同じ事が起きてその時は人気上位の記事を”下書き”にしていた事が原因だったように思います。 よければ一度、集計期間の変更は試してみてください。

4年前
フォーラム
返信
RE: cssの殆どがエラーになった。

こんにちは。 書き込まれた情報だけでは詳しい状況がわかりませんが{}の閉じ忘れとかはないですか。 とりあえずCSSの構文チェックを行ってみてはどうでしょうか。

4年前
フォーラム
返信
RE: 投稿ページでだけサイドバーが下に表示される。

こんにちは。 ソースコードが見づらいのでHTMLの縮小化を無効にしていただけると回答しやすいかと思います。 一つ気になった点ですが、多分本文下のテキスト(PC用)ウィジェットにアドセンスを記述しているように見えるのですがscriptの閉じタグがありません。設定したコードに間違いがないか確認して、もし...

4年前
返信
RE: style.cssの「media screen and ~768px」について

横から失礼します。 例えば次のように記述した場合、768pxの時だけどちらも適用され上下にボーダーが出ます。 @media screen and (max-width: 768px) { div { border-top:1px solid #000; }}@media s...

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

私もこちらのトピックを見てメニューにclassが振られてる事を知ったので勉強になりました。一応テストした感じでは固定ページは.current-page-ancestorの方だけで大丈夫そうでした。 そしてブログ見て頂けて嬉しいです。ありがとうございます!この度はお疲れ様でした!

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

ありゃ、書いてる間に解決されていましたね。お疲れ様でした ?

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

上手くいったようでよかったです! 添付画像のSample PageはPROFILEが親ページだから、という事ですよね?さらに追加して以下のコードでどうでしょうか。 .navi-in .current-page-ancestor a,.navi-in .current-post-parent a,.n...

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

他のスタイルが優先されているとか、キャッシュが残ってスタイルが反映されていないとか…そもそも私が思っている前提条件が違う等でしょうか。 私のテスト環境では問題ないので実際のページを見てみないと私にはわからないかもしれません… ? ※リンク先はHTMLの基本構造の所を参考にしたので貼らせていただきま...

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

子カテゴリーに属している場合は、親カテゴリーのメニューには「.navi-in .current-post-ancestor」が付与されるそうです。 .navi-inは不要でした「.current-post-ancestor」ですね。失礼しました。

4年前
フォーラム
返信
RE: グロバールメニューに現在位置を表示させたい

こんにちは。 これは「NEWS」というカテゴリーのメニューがあって、そのカテゴリーに属する投稿ページでも同じスタイルを適用したいという事ですよね? そうであればCSSを以下のようにすれば適用されるかもしれません。 .navi-in .current-post-parent a,.navi-in .c...

4年前
フォーラム
返信
RE: スマホでのみパンくずリストの記事名を消す方法

こんにちは。 子テーマのstyle.cssの/*480px以下*/の所に↓のコードを追加すればスマホでタイトルのみ非表示が可能かと思います。 .breadcrumb-item:last-child,.breadcrumb-item:nth-last-child(2) span.sp { dis...

4年前
フォーラム
返信
RE: Cocoon設定画面がタブしか表示されません

かうたっくさんとわいひらさんが丁寧に状況の聞き取りとご対応をしてくださったおかげですね ? 上手く行ったようでよかったです!

4年前
フォーラム
返信
RE: Cocoon設定画面がタブしか表示されません

はい!親テーマ・子テーマの切り替え間違いがないよう気をつけてくださいませ!良い方向に作用する事を祈ります。

4年前
フォーラム
返信
RE: Cocoon設定画面がタブしか表示されません

こんにちは。 以下の手順で子テーマのCocoon設定をリセットできないでしょうか? 外観>テーマ>親テーマを有効化Cocoon設定>バックアップ>バックアップファイルを取得 → 親テーマのCocoon設定バックアップファイルが出来上がります外観>テーマ>子テーマを有効化Cocoon設定>バックアップ...

4年前
フォーラム
返信
RE: トグルボックス+ショートコード(新着記事一覧)で真下のコンテンツが横にずれる

こんにちは。 こちら、Chromeだと起きないのですがEdgeでズレを確認しました。多分中身が見えてないけど飛び出た状態になってるのかなぁと思います。 以下のコードを追加することで解消されると思います。 .toggle-wrap .toggle-content { overflow:hidde...

4年前
フォーラム
返信
RE: iPhoneでサイドバーの画像が表示されない

おかしな対処法じゃないか不安だったので安心しました!よかったです。 私の方でもiPhoneで確認したら、開いた時からちゃんと表示されていました。修正ありがとうございます!

4年前
フォーラム
返信
RE: iPhoneでサイドバーの画像が表示されない

確認ありがとうございました! 恐らく他のIntersectionObserver未実装のブラウザでも開いた時から表示出来るようになってるかと思います。 とりあえず私がやった事ですが、子テーマのfunctions.phpにLazyLoad読み込み用のコードをコピペしてrootMarginの値を書き換え...

4年前
フォーラム
返信
RE: Lazy Loadを有効にするとMacでカルーセルが表示されない

もう皆さん確認済みなので不要かもですが、私のChromeでも表示出来ました! overflowはvisibleが初期値なので、親テーマの方はもしかしたら指定自体なくしても大丈夫かもしれませんね。 スピード解決素晴らしいです?

4年前
フォーラム
固定ページ 2 / 4

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

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

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

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

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

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

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

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