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年5月10日 21:05
トピック: 455 / 返信: 3060
返信
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年前
フォーラム
返信
RE: 投稿ページでタイトルの前に不要な半角スペースが入る

図に示すようにエントリーカードにも、同じように半角スペースがあります。左が半角スペースあり、右が半角スペースを削除した状態です。 意図的にアイコンフォントの間をmarginでなく、半角スペースとしているのですか? new_listの作成日付の部分にも、時計アイコンが付きますが、そこには半角ス...

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

@akira さん 投稿者、過去のフォーラムのブログURL見ると「Webデザイナー」と書かれてたので、そこら辺はできるのでは?

3年前
フォーラム
返信
本件をクローズします

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

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

よく見たら子テーマCSSに、アイコンフォント付加のコードは定義してありした苦笑 ●原因子テーマCSSにエラーがあります。(図参照)致命的なのは196~278行目の間に「}」がありません。この為、全くCSSが反映されません。以下でチェックを掛けて見直し下さい。 また、CSSはFont awes...

3年前
フォーラム
トピック
返信
RE: ウィジェットエリアの行の余白を設定したい

解決してよかったです。しかし、本文中に限って段落指定があり、同じウィジェットなのに、表示が異なるのはどうかと思え。これが本対策なのか、判断できず。 わいひらさん細かい話で申し訳なく。[Cocoon設定]→[本文]→行の余白設定したmargin-bottomの適用範囲はどこまででしょうか?多々cl...

3年前
フォーラム
返信
RE: ウィジェットエリアの行の余白を設定したい

●原因本文中と、例としてインデックスリストトップで各段落の余白(margin-bottom)の扱いが異なっている。本文中の場合、各段落(リストと見出しの間など)にmargin-bottom:1.4emが適用され、空白ができてしまう。インデックスリストには余白が指定されていない。図赤字を参照。 ●...

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

以下に例を示します。該当箇所のidなど追加し対応のこと。 /* ウィジェットのリストの先頭にアイコンフォントを付ける */ .widget li a:before { color: #ffb6c1; content: '\f138'; /* アイコンフォント */ font-...

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

どう上手くいかないか、です。 参考のサイトのテーブルは結構面倒な事していますね。そこまで複雑でなく、CSSのポイントは以下です。実際に図のように作成できます。 各セル(td)毎にspanで○、×、△のclassを指定 classの条件に応じ擬似要素を用い、○、×、△を背景に重ねる ...

3年前
フォーラム
返信
RE: Fontawesome.cssを読まない方法について

@akira さん お騒がせしました。ありがとうございます。また一つ勉強になりました。

3年前
返信
RE: Fontawesome.cssを読まない方法について

すみません、解決しました。[Cocoon設定]→[高速化]→Lazy Load設定が全てオンになっていました。ありがとうございます。本件とクローズます。

3年前
固定ページ 62 / 71

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

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

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

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

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

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

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

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