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
最後の表示: 2025年7月22日 21:57
トピック: 477 / 返信: 3174
返信
RE: 以前質問させていただいたmetasliderの表示位置について

@banna さん 恐れ入ります、本件クローズの場合、「解決済み」ボタンのクリックを願います。

3年前
フォーラム
返信
RE: ショートコードにおいて、ナビカード一覧と新着記事一覧のサムネイル幅が異なる

画面サイズが834pxの時、幅が揃わないのでは?以下を追加してみて下さい。 .widget-entry-cards.large-thumb-on .e-card { width:100%; }

3年前
トピック
返信数: 10
表示数 3595
返信
関連記事に矢印が表示されない

@yhira さん ----------------------------------------------テーマ名:Cocoonバージョン:2.4.7.6カテゴリ数:19タグ数:140ユーザー数:1----------------------------------------------...

3年前
フォーラム
返信
RE: ショートコードpopular_listのスニペット出力の追加

@yhira さん 経緯は、ショートコードの各パラメータを書き出していた時、ふと思った次第です。実際、新着記事ショートジードのスニペットは表示していません。単なるカードで、必要情報はサムネイル、タイトル、投稿日付or更新日付があれば十分だと思っています。

3年前
フォーラム
返信
RE: 投稿ページに更新日付が表示されない

----------------------------------------------テーマ名:Cocoonバージョン:2.4.7.6カテゴリ数:19タグ数:140ユーザー数:1----------------------------------------------上記、変更を確認しました...

3年前
フォーラム
返信
RE: カルーセル動作仕様について確認したく

----------------------------------------------テーマ名:Cocoonバージョン:2.4.7.6カテゴリ数:19タグ数:140ユーザー数:1----------------------------------------------上記、変更を確認しました...

3年前
トピック
フォーラム
返信数: 4
表示数 2930
返信
RE: ツイートを埋め込んだ投稿記事が、iPhoneでまともに表示されない。

@tusk さん 恐れ入ります、本件クローズの場合、「解決済み」ボタンのクリックを願います。

3年前
フォーラム
返信
RE: カルーセルで表示している記事一覧にランキング順位を付けたい

@youplus さん恐れ入りますが、本件クローズの場合、「解決済み」ボタンのクリックを願います。

3年前
返信
RE: トップメニューのロゴが表示されない

●原因子テーマCSSの中で以下のコードがあり。この為、非表示となっています。 .header-container-in.hlt-top-menu .site-name-text, .header-container-in.hlt-top-menu.hlt-tm-small .site-name...

3年前
フォーラム
返信
RE: カルーセルで表示している記事一覧にランキング順位を付けたい

@akira さん なるほど。標準機能で人気記事にチェックした場合、oderbyをpost__in(「カルーセルの並び替え」は無効)でも良いように思え。

3年前
返信
RE: カルーセル動作仕様について確認したく

@akira さん ありがとうございます。 わいひらさん表示内容の「タグ」したの注釈が誤解を生み(少なくとも私は笑)。赤枠の注釈は必要でしょうか? 1.png

3年前
トピック
フォーラム
返信数: 5
表示数 3116
トピック
返信
RE: カルーセルで表示している記事一覧にランキング順位を付けたい

2の回答をします。●原因position: absoluteとしているが、基準点(0,0)がカード上でない為、別の位置に移動している。 ●対策以下のコードを追加。基準位置をカード上にする。 .carousel-entry-card-wrap { position: relative...

3年前
返信
RE: 投稿ページに更新日付が表示されない

YES。 ----------------------------------------------テーマ名:Cocoonバージョン:2.4.7.6カテゴリ数:19タグ数:140ユーザー数:1----------------------------------------------本件、仕様...

3年前
フォーラム
返信
RE: トップメニュー小の時、サブメニューの高さが小とならない

----------------------------------------------テーマ名:Cocoonバージョン:2.4.7.6カテゴリ数:19タグ数:140ユーザー数:1---------------------------------------------- 修正されている事を...

3年前
フォーラム
トピック
トピック
フォーラム
返信数: 6
表示数 3677
返信
RE: 特定のおすすめカードのページにのみカテゴリ階層表示をする方法ありますでしょうか

標準で特定カテゴリに属す子カテゴリー一覧を出力する機能はありません。 ●ご参考この為、以下の2点が必要となります。なお、functions.phpを弄る必要がある為、自己責任でお願いします。 1.カスタムHTML(サイドバー)でショートコードを実行可能とする。(WordPress標準は実行不...

3年前
フォーラム
返信
RE: スキン てがきノート が不安定で、カラムレイアウト崩れと追加CSS/カスタマイズが無効になる件

CSSを弄るなら、カスタマイズCSSでなく、子テーマCSSに記す事を強くお勧めします。

3年前
フォーラム
返信
RE: プラグインCSSとテーマCSSの優先度について

考え方についての話なので、本件はこれでクローズします。わいひらさん、何か考えがあったら追記願います。

3年前
返信
RE: スキン てがきノート が不安定で、カラムレイアウト崩れと追加CSS/カスタマイズが無効になる件

テーマスキンは単なるCSSです。ネットにも多々ConoHa WINGについて書かれていますがサーバー側の問題です。

3年前
フォーラム
返信
RE: プラグインCSSとテーマCSSの優先度について

@akira さん 前回の事もあり、本来、WordPressプラグインCSS、テーマCSSの順序のルールについて気になり。勉強になりました、ありがとうございます。

3年前
返信
RE: プラグインCSSとテーマCSSの優先度について

「WordPressプラグイン」で使っているのは以下の2点です。実際、問題が出てるとかではないです。 XO Event Calendar 2.3.7 Yoast Duplicate Post 4.5

3年前
トピック
返信
RE: カスタム投稿からカスタムフィールドが消えた

Ver2.4.7.4で対策されている事を確認しました。本件はクローズします。  1.png

3年前
返信
RE: ショートコードの記事一覧をタイルカード表示にしたい

jQueryライブラリの取り込みが足りませんでした。問題なくタイルカード型でも作れます。

3年前
フォーラム
返信
RE: ショートコードの記事一覧をタイルカード表示にしたい

PHPを弄る必要はないです。ご参考までに、エディターでHTMLタグ入力して固定ページを作成してみました。図のように、提示頂いたHPに合わせ各要素を合わせています。 ●Cocoon設定[Cocoon設定]→[インデックス]フロントページタイプ「一覧(デフォルト)」 フロントページを固定ページで作成...

3年前
フォーラム
返信
RE: ショートコードの記事一覧をタイルカード表示にしたい

分かった範囲で回答します。 タイルはWordPress同梱のjQueryライブラリ「Masonry」を使って並び替えてます。 固定ページに、フロントページと同じように、Javascriptを追加し、新着記事・人気記事のセレクタを設定すれば、実現できます。 タイルの一覧ページのHTML下に...

3年前
フォーラム
トピック
返信
RE: 見出しの色変更 paddingの変更

@fromine さん 子テーマCSSに定義し、プロパティにimportantを付ければ強制的に優先されます。 .article h2 { padding: 25px!important; }

3年前
フォーラム
返信
RE: 見出しの色変更 paddingの変更

上記に誤解を生む表記があり。「>」並び順を示し、優先度ではありません。CocoonのCSSですが並びは親→子→wp-block-library-cssとなっており。wp-block-library-cssの優先度が1番高いです。

3年前
フォーラム
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

@emuranodoka さん勘違いをしていました、すみません。Cocoon「[C]最近のコメント」の他に、WordPress標準「最近のコメント」があるのを全く気づいていませんでした。お陰でCocoon以外でも、コメント一覧を出力するショートコードができ。色々、勉強になりました。

3年前
返信
RE: 見出しの色変更 paddingの変更

何かそれらしい事が書かれており。 気になったのはCocoonのCSSですが、親>子>wp-block-library-cssとなっています。他テーマSANGO、JINを見ると、wp-block-library-css>親>子のようです。

3年前
フォーラム
返信
RE: Contact Form 7の途中にフッターが表示される件について

tn7171 さん 対策されたみたいですね、本件のクローズ願います。

3年前
フォーラム
返信
RE: テーマをバージョンアップ後、バージョンアップ前の設定項目が解除される事がありますか?

何となく原因が分かり。バージョンアップの際、以下の手順で作業をしていた。 Cocoon子テーマ→他のテーマ(例:Twenty Seventeen)に変更。 Cocoonテーマ親テーマをバージョンアップ。 他のテーマ(例:Twenty Seventeen)→Cocoon子テーマに変更。 ...

3年前
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

@akira さんまた一つ勉強になりました。ネット調べたら多々、書いてあり、大分無駄なコーディングしてました苦笑

3年前
返信
RE: 新着記事を細かくカスタマイズしたい

以下を追加して下さい。480px幅の時、折り返すようにしました。前回の質問もですが、実際のページを見ていないので何とも言えません。どうアレンジするかは、CSSを理解し、ご自身での対応をお願いします。 @media screen and (max-width: 480px) { .new-e...

3年前
返信
RE: パンくずリストのアイコンをカテゴリ毎に変えたい

以下の通りです。 /* 既存のアイコン非表示 */ .breadcrumb-item > .fas{ display: none; } /* URLに「technology」が含まれる */ .breadcrumb-item a[href*="technology"]:b...

3年前
フォーラム
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

●確認事項要件・目的は、以下で間違いないでしょうか?Gutenbergエディターの「最新のコメント」だと、余分な文字(「より」とかのテキスト)が入り見難い。「[C]最近のコメント」ウィジェットの方が、見易いので使いたい。 ●既存の方法「[C]最近のコメント」ウィジェットを図のように、例えば投稿本...

3年前
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

●補足「最新のコメント」ウィジェットをサイドバーに配置した結果です。一見、Cocoonのソースを見ると、上記リンクのコードのように改善されていると思われますが。 2.png

3年前
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

@emuranodoka さん ●要件の明確化以下のように表示されます。また、「最近のコメント」ウィジェットをサイドバーに配置しても同様に表示され。CSSを追加する事でデザインは変更できますが。 期待に対して、何が問題なのか図示するなり、他人が分かるよう具体的に説明・提示願いたく。 ...

3年前
返信
RE: 最新のコメントのウィジェットをショートコードで呼び出す方法

Gutenbergエディターの「最新のコメント」ブロックを用い、個別の記事に載せるのはダメなのでしょうか?  70e69993634ed55e501d6f78681ed69a.png

3年前
返信
RE: 新着記事を細かくカスタマイズしたい

●ショートコードnew_listの動作について通常非表示、日付、カテゴリーは非表示。 以下のように既にカスタマイズ済みしているかと思います。 CSSで投稿日付を非表示→表示 phpでカテゴリを非表示→表示 ●要望についてnew_listの結果を変更するなら以下のCSSで可能かと。...

3年前
返信
RE: 右側に寄ってしまう

上記の補足です。 ●原因左サイドバー+メイン幅は1250pxある。図示するようにプラグイン「VK Blocks」が全体幅を1140pxにしている。この為、Cocoonのデザインと合わず、はみ出てしまう。 ●対策プラグインを停止して下さい。 1.png ●補足 エディターGute...

3年前
返信
RE: アピールエリアの画像設定(携帯)とヘッダーモバイルボタンの非表示について

上記のリフィトリーさんのコードは例で、実際の固定ーエジに合わせpage-id-1234→page-id-6855に修正して下さい。

3年前
フォーラム
返信
RE: アピールエリアの画像設定(携帯)とヘッダーモバイルボタンの非表示について

/wp-content/themes/cocoon-child-master/style.cssを示します。実際、図示のように子テーマCSSを使われています。その中に上記コードを追加して下さい。見ると入っていません。 1.png

3年前
フォーラム
固定ページ 68 / 74

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

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

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

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

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

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

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

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