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

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

大門未知子
大門未知子
@chu-ya
Registered
Illustrious Member
結合: 2022年4月17日 08:35
Last seen: 2025年3月20日 22:41
トピック: 437 / 返信: 2970
返信
RE: スキンについて

テキストウィジェットを使用可能にしました。(functions.php)一部、CSSを見直しました。(style.css) 対策ファイルはskin-made-in-heaven0.0.3.zipとなります。

1年前
フォーラム
返信
RE: スキンについて

ありがとうございます。 カスタムHTML(WP4.8でサポート)とテキストと同じなので、カスタムHTMLのみとしました。テキストを利用可能に変更しようと思います。 WP標準と、Cocoonで類似したウィジェットがあり。WPの「最近のコメント」は無効としてます。 結局、どこまでデザイ...

1年前
フォーラム
返信
RE: 外部ブログカードのタイトル、スニペットが文字化けする

----------------------------------------------テーマ名:Cocoonバージョン:2.7.1.2カテゴリー数:11タグ数:11ユーザー数:1----------------------------------------------修正されている事を確認し...

1年前
フォーラム
トピック
返信
RE: wp_footer()の挿入個所について

●回答 Cocoonには、HTML出力直前に、code_minify_call_backと言うフックがあります。これを利用して、HTMLを書き換え、</body>の前に文字列を追加します。以下に例を示します。 add_filter( 'code_minify_call_back'...

1年前
返信
RE: スキンについて

Cocoon公式サイトに「メイド・イン・ヘブン」をデモ選択し、気付いた事があり。マニュアルにも注記してありますが、カスタムHTMLがある為、テキストウィジェットは使用不可としています。 Cocoon公式サイトのサイドバーなど、テキストウィジェットを使用しており。この為、本スキンを選択すると、サイ...

1年前
フォーラム
返信
RE: スキンについて

すみません、「先頭に固定表示」で、重複表示(2ページ以降の投稿の場合)されるのを防止の為、非表示としており。本来、元々1ページに表示される投稿も、非表示になり。この為、style.cssから余分な部分を削除しました。 対策ファイルはskin-made-in-heaven0.0.2.zipとなりま...

1年前
フォーラム
返信
RE: 2.7.1アップデートによるフォローボタンの形状について

ありがとうございます。差分に問題ない事を確認しました。

1年前
フォーラム
返信
RE: スキンについて

スキンのフォルダー名を任意にしても対応できるようにしたのですが、ミスしており。親テーマのスキンとして、組み込みテストしていなかったのが、要因でした。 スキン適用のページですが、サイドバーのウィジェット[C]新着記事、[C]最近のコメントの、見出しを入力した方が、見た目が揃い。また、カスタマイ...

1年前
フォーラム
返信
RE: 2.7.1アップデートによるフォローボタンの形状について

上記は私のスキンを示します。既存の他のスキンについては確認していません。 修正されている事を確認しました。→私のスキンのCSSから重複する部分を削除しました。

1年前
フォーラム
返信
RE: 2.7.1アップデートによるフォローボタンの形状について

●対策 モバイルボタンのSNSシェア、SNSフォローも左寄せになります。この為、SNSシェア、SNSフォローを中央寄せとする。但し、プロフィールが縦表示の時のみ、中央寄せとする。 .sns-buttons, .nwa .author-box .sns-follow-buttons { ...

1年前
フォーラム
返信
RE: 2.7.1アップデートによるフォローボタンの形状について

●原因 サイドバープロフィール下SNSフォローボタン以下で中央寄せを削除している。 本文下SNSシェアボタン以下で均等配置を削除している。 本文下SNSフォローボタン以下でボタン幅100%→40pxにした為、ボタン数によってボタン幅が変わらなくなった。元々、中央寄せしていない為、...

1年前
フォーラム
返信
RE: スキンについて

●追記 style.cssも修正してあります。対策ファイルはskin-made-in-heaven0.0.1.zipとなります。

1年前
フォーラム
返信
RE: スキンについて

●原因/対策親テーマを選択し、親スキンを選択すると正しく動作する。子テーマを選択し、親スキンを選択すると正しく動作しない。 functions.phpで取得するパスで、一部テーマパスを参照していた。functions.phpを修正しました。 ●別件 アイコンボックスのプロフィール、コ...

1年前
フォーラム
返信
RE: スキンについて

●現象 インラインhvn-color-inline-cssが、一式出力されていません。 ●考察 自分の2サイトともそのような現象はなく、原因が分かりません。 functions.phpで、require_onceで、lib下の各関数群を呼び出しています。これが全く呼ばれていないよ...

1年前
フォーラム
返信
RE: 雑談 Part 2

上記の質問で、ウィジェットにオートプレイ追加すれば、いいんじゃね?と思い。よく考えたら、オートプレイ数分、ID分けして、JS出力する事になり。現実的でないので、止めました笑

1年前
フォーラム
返信
RE: スキンについて

スキンのインラインボタンの仕様を変更し、CSSクラスを.btnを止め、独自CSSクラスとし。アピールエリアなどと、同一デザインに変更しました。この為、ボタンカラーは、他と同様にカスタマイザーに準じます。結果、1種類のみに。 親の仕様によって、削除するかもしれません。ご了承下さい。

1年前
フォーラム
返信
RE: 関連記事の表示方法について

●制約 子テーマのtmpフォルダーにfooter-javascript.phpをコピーし修正(上記コード)した場合、横型表示の全てのウィジェットが、オートプレイ対象となります。 ●ページ送るボタン 以下でページボタンを出力しています。この為、CSSで非表示にします。

1年前
返信
RE: エディターのタグ「チェックリスト形式」で選択について

----------------------------------------------テーマ名:Cocoonバージョン:2.7.0.4カテゴリー数:19タグ数:151ユーザー数:1----------------------------------------------確認しました。本件をク...

1年前
返信
RE: スキンについて

タグ選択形式の削除、CSSを見直したので、再度、ダウンロード願います。記事については、リンクしてOKです。

1年前
フォーラム
返信
RE: エディターのタグ「チェックリスト形式」で選択について

全くカテゴリー見てませんでした。同じCSSクラスで、消えてしまいますね。 editor-post-taxonomies__hierarchical-terms-input マニュアルに注記で十分だと思います。

1年前
返信
RE: 関連記事の表示方法について

●回答 Cocoon標準で、投稿本文下の関連記事を、カルーセルのようにオートプレイする機能はありません。 可能です。(図参照)ご自身で、PHPか、JavaScriptを記述する必要があります。 ●ご参考 2つの方法がります。 1.Slickを用いる カルーセルはライブラリ...

1年前
返信
RE: エディターのタグ「チェックリスト形式」で選択について

●対策案 admin.cssに以下を追加する? /* エディター非表示 */ #newpost_tag_parent, .editor-post-taxonomies__hierarchical-terms-input + div:has(.components-select-contr...

1年前
返信
RE: スマホでfacebookのMessengerアプリを経由してサイトを確認するとヘッダーロゴとアピールエリアの画像が表示されない

●原因 以下のURLがhttps://~でなく、http://~となっています。 ヘッダーロゴ アピールエリアの画像 ●対策 URLを見直し、修正して下さい。 2024-02-22_17h31_27.png 2024-02-22_17h30_08.png

1年前
返信
RE: エディターのタグ「チェックリスト形式」で選択について

わいひらさんの対策案、既に試しており。タグ一覧、編集、クラシックエディタはCSSで対応できそうでしたが、GutenbergだけCSSでは対処できず。 マニュアルの注意書きだけで、いいかな?と思いました。

1年前
返信
RE: スマホボタン等は直りましたが、今度はスマホメニュー一覧のスライドページの文字が消えていました

以前は、白背景に黒文字だったのでは? 前回の以下の対応で、本来の「サイトキーカラー」が反映されるようになり、結果、白文字に変わってしまい。 ●ご参考

1年前
返信
RE: スマホボタン等は直りましたが、今度はスマホメニュー一覧のスライドページの文字が消えていました

.menu-content 先頭のピリオドが漏れています。気になる点は、矢印の部分の改行コードが、文字化けしている恐れがあります。一旦、テキストエディターにコピペした上で、追加してみて下さい。  1708503310-IMG_6951.jpeg

1年前
返信
RE: スマホボタン等は直りましたが、今度はスマホメニュー一覧のスライドページの文字が消えていました

●原因 サイドバーの背景色は#000000と、子テーマで設定しています。(子テーマstyle.cssの129~131行目)しかし、スライドインメニューは設定していません。この為、図示の通り背景色が白となり、白文字の為、見えなくなり。 ●対策 以下を子テーマstyle.cssに追加して...

1年前
返信
RE: ヘッダー下のデザインについて

WordPressを使う上で、使い方が分からない中、ご希望のページを作るのは難しいと判断します。恐れ入りますが、有償にてカスタマイズ依頼するか、ご自身で参考書などを購入し、勉強なさるかして下さい。

1年前
返信
RE: 吹き出しのデモ文章について

●ご参考 吹き出し一覧の全台詞を、同じ文言に変更します。 add_action('admin_footer', function() { $url = $request_uri = $_SERVER['REQUEST_URI']; // 吹き出し一覧 if ((strp...

1年前
返信
RE: 吹き出しのデモ文章について

●回答 言われている通り、予め用意された台詞がランダムで表示されます。現状、ユーザが文言を任意に変更する事ができません。 クラシックエディタと異なり、Gutenbergエディターになってから「吹き出し」ブロックを使えば、直接、任意のアイコン、吹き出し形状選択でき、一覧に定義して使う事は...

1年前
返信
RE: 目次が複数表示されます

●対策 プラグイン「Easy Table of Contents 2.0.62」を無効にして下さい。 ●理由 mk2さんが書かれていますが、該当の目次はCocoonのものでなく、プラグインが出力しています。

1年前
フォーラム
返信
RE: 目次が複数表示されます

●回答 親テーマの更新されても影響をうけない為に、子テーマが存在します。子テーマは、親テーマを上書きする為の、単なる空の器です。ご自身でstyle.cssを追記していますが、子テーマのデータはそれしかありません。 ●ご参考

1年前
フォーラム
返信
RE: ヘッダー下のデザインについて

テーマ以前に、WordPressの使い方を理解しているなら、作れます。 ●回答 図示の通り、Gutenbergエディターを用い、既存のブロック配置で可能です。(ノーコードです) 参考ページですがテーマ「AFFINGER5」で、Cocoonではありません。 1.png

1年前
返信
RE: スマホ閲覧でブラウザバック時に、モバイルスライドインメニューが開いたままの状態で戻る

●ご参考 iPhone+Safari固有の問題のようです。私のiPhoneでも同様な現象を確認しました。

1年前
フォーラム
返信
RE: 雑談 Part 2

Gutenbergのパネル「抜粋」の存在に今気付き。 何なのか過去の投稿と、ソースから纏めてみました。 抜粋と、メタディスクリプションの両方を書いた場合、同じ記事でも、エントリーカードとブログカードで、スニペットの表示が変わってきますね。 「抜粋」使っているのかな?? エントリー...

1年前
フォーラム
返信
RE: スキンについて

インラインボタン、現状でも簡単に作成する事ができ事に気付き。順序はありますが。 リンクテキスト作成。 リンクテキストにハイライトで背景色を設定。 以下のCSSを追加すれば、ボタン風になり。 a mark { border-radius: 4px; display: i...

1年前
フォーラム
返信
RE: スキンについて

ありがとうございます。

1年前
フォーラム
返信
RE: モバイル版でサイドバーが表示されない

以前も同じ事を回答しています。

1年前
フォーラム
返信
RE: スキンについて

マーカー 工数掛けなくてもいいかと思います。マーカーと同じで、インラインとは別メニューで、簡易的なもので十分かと思います。ボタンとは別classで、大中小か?赤青緑か?と数種類とし、0より1の考えで、100点である必要はなく。 2024-02-19_20h39_30.png

1年前
フォーラム
返信
RE: 投稿の上部分の余白を消したい

●原因 追加したCSSの先頭のスペースが文字化けしています。この為、追加したCSSがエラーとなり、反映していません。 ●対策 追加したCSSの先頭のスペースを削除して以下として下さい。 main { padding-top: 0; } main .entry-cont...

1年前
フォーラム
返信
RE: 特定のページでのみアピールエリアを表示したい。

恐れ入りますが「解決済」として頂きたく。

1年前
返信
RE: 特定のページでのみアピールエリアを表示したい。

●原因 アピールエリアの初期値が図示のようになっている。min-height:300pxとなっている為、高さ300px分の余白ができる。 ●対策 以下のように、アピールエリアを表示したくない場合、固定ページのID(例:7971)を指定する。 .page-id-7971 .appe...

1年前
返信
RE: 特定のページでのみアピールエリアを表示したい。

実際のページが提示されていないので、具体的な対策を述べる事ができません。その点はご了承下さい。 ●回答 上記のようなスペースは空きません。CSSを追加する事なく設定だけで可能です。 固定ページの特定のページのみ、表示する事も可能です。 2024-02-19_15h51_...

1年前
返信
RE: スキンについて

>わいひらさん すみません、上記ですが、:hasの位置間違えていました。対象は記号を持っている、セルのみです。 table td:has(.s-circle, .d-circle, .triangle, .cross) { height: 60px; }

1年前
フォーラム
返信
RE: スキンについて

現状でも、工夫する事で、ボタン背景色を設定できます。テストとして、cssクラスをin-btnに変更してみました。 ポイントはハイライトを用い、テキストリンクの背景に色を付けます。但し順序がありますが。 段落でテキスト入力 テキストにリンク追加 インラインメニューからインラインボタン選...

1年前
フォーラム
返信
RE: タイルの時、フロントページのカードが横並びにならない

----------------------------------------------テーマ名:Cocoonバージョン:2.7.0.3カテゴリー数:19タグ数:150ユーザー数:1----------------------------------------------タイルの時、フロントペ...

1年前
フォーラム
返信
RE: スキンについて

私はマーカーと同じような考えていいのでは?決められた色(CSSクラス)に切り替えるだけで、十分に思え。工数次第、わいひらさんの判断ですが笑

1年前
フォーラム
返信
RE: 雑談 Part 2

見間違えていました、変更しなくてもOKです。

1年前
フォーラム
固定ページ 30 / 69

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

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

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

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

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

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

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

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