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年6月12日 19:01
トピック: 468 / 返信: 3158
返信
RE: カバームービーにポスター画像の設定をしたい

mk2さんの言うように、これ以上の回答は不可能です。カスタマイズ依頼された方がいいかと思います。

3年前
フォーラム
返信
RE: ヘッダー固定の時、一気にページがジャンプする

固定ヘッダーの時、動的にCSS追加してると同じく、ダミー要素追加と思っていました。固定であっても、CSSで必要に応じ、表示/非表示にするだけですが。

3年前
フォーラム
返信
RE: カバームービーにポスター画像の設定をしたい

部品カバーを使い実現していると思いますが、gutenbergエディターは全く解りません。 図のようにコードエディターに切り替え、videoタグにposter属性を追加すればいいのでは?と思い。しかし、「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示されてしまい。HT...

3年前
フォーラム
返信
RE: カバームービーにポスター画像の設定をしたい

CSSを理解していないなら、疑問の部分を消すの止めて下さい。対策のコードの追加のみにして下さい。

3年前
フォーラム
返信
RE: カバームービーにポスター画像の設定をしたい

ページを見ていて気付いたことがあり。 ●現象水平スクロールバーが表示されます。(図参照。分かり易くする為、背景色を変更しています) ●原因要素をはみ出させる為に計算している。vw単位は、スクロールバーの領域も含めた横幅です。結果、垂直スクロールバー分誤差が出た為。 ●対策以下を追加する。...

3年前
フォーラム
返信
RE: ヘッダー固定の時、一気にページがジャンプする

すみません、全く考慮していませんでした苦笑コンテンツ前に以下がありますね...・通知・アピール・お勧めカード・カルセール・ウィジェットコンテンツ上部 別の方法として考えたのが、ダミーの要素をヘッダーコンテナ直後に追加しそのcssにpaddingを持たせれば良いのでは?

3年前
フォーラム
返信
RE: ヘッダー固定の時、一気にページがジャンプする

●説明動作を十分確認していないので、保証はできません。ヘッダーの高さが変化分を、コンテナに余白を設け、調整するように変更してみました。(★の部分) ・下スクロールし境界に達したら、ヘッダーが縮む為、コンテナに元のヘッダーの高さ分の余白を設け、縮んだように見せない。 ・上スクロールし境界に達し...

3年前
フォーラム
返信
RE: ヘッダー固定の時、一気にページがジャンプする

$(function() { /*固定ヘッダー化*/ function stickyHeader() { if (!$("#header-container").hasClass("fixed-header")) { /*トップメニュータイプに変更する*/ ...

3年前
フォーラム
返信
RE: カバームービーにポスター画像の設定をしたい

どのように実現しているか理解していますか? 作りは、単にテキスト「転職支援・採用支援なら、ダブルエー 医療福祉の総合求人 企業・法人様の採用支援」、ボタンをvideoに重ねているだけです。(wp-block-cover__inner-containerをvideoに重ねている) まずは一度、...

3年前
フォーラム
返信
RE: エラーになります

●ご参考既にフォーラムに原因と対策があがっています。

3年前
フォーラム
返信
RE: カバームービーにポスター画像の設定をしたい

●回答iPhoneで低電力モードの時、videoは自動再生されません。ムービーの先頭が黒なので、真っ暗になっているのでは? ●補足gutenberg使っていませんが、コードエディターに切り換えて、videoタグにposter属性を追加? 1.png

3年前
フォーラム
返信
RE: トップ(投稿ページ)の表示が崩れた

本件、逆に助かりました。別の方も同様な事が起きており、私が誤った回答をしてしまい苦笑 恐れ入り入りますが、問題解決の場合、「解決済」のクリック願います。

3年前
フォーラム
返信
RE: トップ(投稿ページ)の表示が崩れた

●確認Ver.2.5.3に更新して改善されませんか? バージョン 2.5.3 (2022-09-28) 現在の投稿テンプレートが空の場合に間違ったテンプレートが読み込まれる問題を修正しました。 ●現象今確認したら、私も同様で、新たに投稿したページが正しく表示されず。Coco...

3年前
フォーラム
返信
RE: ヘッダー固定の時、一気にページがジャンプする

そうです、それです。先に書いた、以前、フォーラムで質問された時、調べたらなぜ固定値なのかと思い。

3年前
フォーラム
返信
RE: COCOON設定→インデックスにフロントページタイプβ版の項目が表示されない

●回答変更になっていません。(図参照) ●補足親テーマスキンの制約で、半透明の網掛け表示となり、選択できないスキンもあるかと思います。 2022-09-24_21h40_07.png

3年前
返信
RE: ヘッダー固定の時、一気にページがジャンプする

実際、私は使っておらず。単にfixed→stickyに変更したら、境界でsticky⇔staticが交互に変化し、動作が変になり。私も色々試行しましたが、良いアイデアがなく。実害がないので、思いついたらで結構です。 ●余談以下のように最大値が800pxと記載があるので、threashold=60...

3年前
フォーラム
返信
RE: metaタグにtelephone=noを追加

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

3年前
フォーラム
返信
RE: アイキャッチ画像が自動反映されない件について

図示したようにgutenbergエディターでできました。URLから挿入すると、指定した画像が、メディアに登録され。 上記の件ですが、転載にあたり、著作権違反に該当しませんか? 2.png

3年前
トピック
返信
RE: アイキャッチ画像が自動反映されない件について

この画像ですがメディアに登録された画像でなく、外部URLの画像(メディアに存在しない)となっています。 ●補足アイキャッチ自動設定は、メディア登録されている画像を、投稿本文に貼り付けた際、一番目の画像がアイキャッチとなります。 1.png Akiraさん 本当だ!guten...

3年前
トピック
フォーラム
返信数: 3
表示数 2673
返信
RE: サムネイルを自動生成された画像でなく、元画像を表示したい。

●回答以下のサイトが参考になると思います。↓Akiraさんが書いていますが、弊害があります。 ●補足[Cocoon設定]→[画像]→サムネイル画像既にメディアに登録された画像のサムネイル画像は、以前のままで変化しません。設定以降の画像が設定した比率になります。 ●余談私は全て400×300p...

3年前
返信
RE: スマホのワードプレスのアプリの内容が更新されない

たぶん上記アプリの事を指しているのかと思います。普通にブラウザ、例えばSafariから自分のサイトにログインしてみた場合はどうです?

3年前
返信
RE: テーマのインストール後エラーが表示される

@as_y さん 親テーマを変更している場合、親テーマがバージョンアップされると、上書きされ、以前の情報が消えてしまいます。この為、子テーマがあり、CSSなどを変更・追加する場合、子テーマに記述します。もしCSSなど変更する予定があるなら、子テーマを使う事をお勧めします。

3年前
フォーラム
返信
RE: 改行時の行間について

●回答青枠の部分だと思いますが、バージョン:2.4.9.1ではそのような事がなく。段落ですが、改行の際、Shift+改行(brタグの挿入)していませんか? ●お願い事項実際の状態を見ないと分からない為、以下の情報提供を願いたく。 環境情報の取得方法はこちら。→ 高速化設定を無効にするには...

3年前
返信
RE: おすすめカードの表示

●お願い事項フォーラムについての注意書きにもありますが、質問の際には、高速化(特にCSS縮小化)の解除願います。 ●補足子テーマCSSにエラーがあります。302、304行目に単位がありません。 /************************************ **TOP画像 *...

3年前
フォーラム
返信
RE: おすすめカードの表示

●原因子テーマCSSに以下があり。カードサイズが210×140pxとなっています。●対策これを削除して下さい。 #recommended .navi-entry-card-thumb img{ width:210px; height:140px; }

3年前
フォーラム
返信
RE: 固定ページにshortcodeで表示した投稿一覧のサムネイル画像のサイズ

object-fit: containにした場合、アスペクト比を保持したまま領域内に収める為、ページによっては、サムネイルの左右にスペースができてしまいます。 2022-09-18_19h57_36.png

3年前
返信
RE: 固定ページにshortcodeで表示した投稿一覧のサムネイル画像のサイズ

サムネイル表示サイズが380×210pxとなっています。これに対しアイキャッチ画像が100×100pxであり、object-fit: coverでトリミングし、サムネイル表示サイズに合わせています。結果、正しいです。 アイキャッチ画像ですが、全て同じサイズ(縦×横px)で作る事をお勧めします。

3年前
返信
RE: 固定ページにshortcodeで表示した投稿一覧のサムネイル画像のサイズ

●結果mk2さんが既に回答されています。投稿を編集で「アイキャッチを設定」に設定された画像が正しく表示されています。 ●対策投稿ページのアイキャッチ画像を意図した画像に設定し直して下さい。 ●補足[Cocoon設定]→[画像]→アイキャッチの自動設定説明に書かれている通り、本文中の先頭画像が...

3年前
返信
RE: CSSをブログで紹介するときの記述方法

●追加説明Cocoonのシンタックスハイライト表示は標準行番号は99までです。この為、以下に掲載のコードを、functions.phpに追加する必要があります。 ●補足コードをハイライトするjsで以下があります。Cocoonは、highlight.jsが標準で実装されています。ただ、hig...

3年前
返信
RE: funtions.phpでのCSS管理時のheader表示位置について

上記の件ですが以下の経緯があり。参考になるかと思います。

3年前
返信
RE: アピールエリア背景画像がiOSの時、固定とならない

@yhira さんマニュアルが改訂されている事を確認しました。本件をクローズします。

3年前
フォーラム
返信
RE: 設定してもブログカードが横長になる、、、不具合?

@chiaki20220829 さん 恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。

3年前
フォーラム
返信
RE: モバイルでヘッダー背景画像が表示されない

ヘッダーですがヘッダーロゴ画像か、ヘッダーテキストだった?思います。 ●方法1ヘッダーロゴに画像を指定すれば、ヘッダーテキストは非表示となる。この為、ヘッダーロゴに透明画像を指定する方法もあります。この時、ヘッダー背景画像が指定したモバイル高さ(画面に合わせ最小100px)で表示される。 ●...

3年前
返信
RE: モバイルでヘッダー背景画像が表示されない

CSSで非表示にしています。該当ページのカスタムCSSに記述していませんか? 2022-09-12_14h11_42.png 2022-09-12_14h15_09.png

3年前
返信
RE: モバイルでヘッダー背景画像が表示されない

[Cocoon設定]→[モバイル]→モバイルボタン「サイトヘッダーロゴを表示する」にチェックが入っていますか?  2022-09-12_13h31_07.png

3年前
返信
RE: 設定してもブログカードが横長になる、、、不具合?

●手順固定ページに、2列ブロックで、にブログカード(URL記述)を配置している。 ●原因URLは以下です。 社会人看護師についてまとめ 前記の通り、ブログカードは横向きとなります。また、[Cocoon設定]→[インデックス]の設定とは関係ありません。 ●対策以下のCSSを追加します。...

3年前
フォーラム
返信
RE: 設定してもブログカードが横長になる、、、不具合?

添付された図を見ると投稿ページ内のようですが該当URL「下書きをプレビューする権限がありません。」となり状態が分かりません。 ●インデックス [Cocoon設定]→[インデックス]→カードタイプ「タイルカード2列」設定になっており、図のように縦カードで表示されています。(フトントページ、...

3年前
フォーラム
返信
RE: アピールエリア背景画像がiOSの時、固定とならない

----------------------------------------------テーマ名:Cocoonバージョン:2.4.9.1カテゴリ数:19タグ数:143ユーザー数:1----------------------------------------------確認しました。今回の件、...

3年前
フォーラム
返信
RE: 一部のcssが毎ページ直書きになってしまいます。

子テーマを使って下さい。(親テーマ以外に子テーマをダウンロードし、子テーマを有効にして下さい) 自動で子テーマCSSがリンクされ、親テーマCSSより優先されます。また、変更するコードを子テーマCSSに記述しておけば、親テーマが更新に消されるなど影響を受けず。

3年前
返信
RE: アピールエリア背景画像がiOSの時、固定とならない

そうです。 言れる通りマスク表示されてる画面の部分ではなく。 また「アピールエリア背景画像の固定」の説明が無い中、注記があるので、違和感を与えますね。

3年前
フォーラム
返信
RE: アピールエリア背景画像がiOSの時、固定とならない

マニュアルのみ確認しました。ソースコードは未確認です。

3年前
フォーラム
トピック
返信
RE: テーブルブロックでの背景画像装飾について

@hachi08 さん何もFontawesomeである必要もなく。フォントを揃えるなら、MS Pゴシックの◎○△×で十分だと思いますが。

3年前
フォーラム
返信
RE: ウィジェットエリアのCSSカスタマイズが全く反映されない

@konchan さん ●原因以下が漏れています。Fontawesomeは、font-weight:900が必要です。 .widget li a:before {color: #FFC0CB;content: '\f138';/* アイコンフォント */font-family: 'Font ...

3年前
フォーラム
返信
RE: テーブルブロックでの背景画像装飾について

全く問題ないです。 あらかじめ、[Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 5」選択赤字の部分をFontawesome.comで確認し、使うアイコンフォントに変更するだけです。 <div class="hachi-good fa fa-circle...

3年前
フォーラム
返信
RE: スキン「手書きノート」を使用していますが、背景色の変更がうまくできません。

回答2インデックスページのサイネイルと、投稿ページのアイキャッチで文字サイズが異なり、リボンの帯の長さも変わってきます。結果、同じ角度ですが、長さが違う為、重なる範囲が変わってきます。こればかりは仕方ないと思います。

3年前
返信
RE: 投稿ページでタイトルの前に不要な半角スペースが入る

細かな修正ありがとうございます。 ----------------------------------------------テーマ名:Cocoonバージョン:2.4.8.3カテゴリ数:19タグ数:143ユーザー数:1---------------------------------------...

3年前
フォーラム
返信
RE: 投稿ページでタイトルの前に不要な半角スペースが入る

上記を補足します。 ●補足 インデックスページのカード、投稿ページで、投稿日、更新日の時計アイコンと日付の間に半角スペースが空いている。 \lib\page-setting\seo-funcs.php118行目$post_date_icon_tagの後に意図的に半角スペースを追加している...

3年前
フォーラム
固定ページ 64 / 73

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

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

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

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

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

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

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

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