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

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

リフィトリー
リフィトリー
@leafytree
Moderator
Illustrious Member
結合: 2019年2月13日 14:10
Last seen: 2024年3月16日 11:06
トピック: 41 / 返信: 6803
返信
RE: ヘッダーロゴとおすすめカードがモバイル表示で重なってしまう

@marimokkori さん スキンなしで、ヘッダー画像の上下の隙間をなくすには以下でイケるかもしれません。 あ、marimokkori さんは隙間があってもいいのかも・・しれませんね? .logo-image { padding: 0; } .site-logo-ima...

3年前
フォーラム
返信
RE: ヘッダーロゴとおすすめカードがモバイル表示で重なってしまう

@marimokkori さん ちょっとお使いのスキンのデザインが独特なので、体裁が崩れてしまったものと推測します。

3年前
フォーラム
返信
RE: ヘッダーロゴとおすすめカードがモバイル表示で重なってしまう

前略、@marimokkori さん 以下のCSSのコードを子テーマのCSSか追加CSSに記述すると、添付画像のようになるかと思います。 .logo-image { margin: 0; max-height: none; } logo-header img { v...

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん 表示されていたときから、いままでにやったことを、もう一度冷静に思い返してみると、どうでしょう? ブラウザのキャッシュをクリアした以外に何か思い当たることはありませんか?例えば、プラグインを入れたとか・・

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん 通常ですと、先ず、プラグインをすべて停止して、プラグインの影響を受けない状態だとどうなるかを診てみるかなと思います。 プラグインをすべて停止してブラウザのキャッシュをクリアして、表示を確認する、という流れかと思います。 もし、改善するようなら、プラ...

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

前略、Kaede.Fさん 不具合の原因を探るときは、少なくとも「環境情報」は、無いより、あった方が調べる手がかりになるような気がします。 環境情報の取得方法はこちら。→/p> 3b1534797f95d48d29b3710ea5689244.png

3年前
フォーラム
返信
RE: 文字が全てボールド体になってしまいます

mtchangさん 何かしらの事情があってお使いの場合は、また別かと思いますが、通常でしたら、プラグインの「Gutenberg」は、インストールしない方が無難かもしれません。 WordPressに同梱されている「Gutenberg」より、プラグインの方が先行開発されているので、先行開...

3年前
返信
RE: 文字が全てボールド体になってしまいます

前略、mtchangさん もしかしたら、バレンタイン広告のところで、「strong」タグの閉じタグのスペルが「storong」になっちゃってるのが関係しているのでしょうか? また、余分な?「div」タグも見受けられるような気がします。 97ba88a3f52090a93...

3年前
返信
RE: Amazonアソシエイトの商品検索ウィジェットについて

@rui さんのサイトのソースからコピーしたコードを投稿本文下のカスタムhtmlウィジェットに貼ってみても、私のテストサイトでは問題なく表示されてしまうようです。 JavaScriptのコードを何等かの要因で読み込めないのでしょうか・・ 50338b574268d51bd0...

3年前
返信
RE: Amazonアソシエイトの商品検索ウィジェットについて

@rui さん amp用は私の勘違いのようです。 先ほどは、キャッシュが表示されていた可能性もあるので、「WP Fastest Cache」は停止したままで、もう一度他のプラグインを停止して、ブラウザをリロードして表示を確認してみる、というのを試してもいいかもしれません。 ...

3年前
返信
RE: Amazonアソシエイトの商品検索ウィジェットについて

@rui さん ruiさんのサイトから、スクリプトコードをコピーして、ローカルのテストサイトのサイドバーウィジェットに貼り付けてみたら、ちゃんとAmazonの検索窓として表示されました。 今一度、Amazonのサイトからコードを取得しなおしてみる、とか・・ b038fd8925...

3年前
返信
3年前
返信
RE: Amazonアソシエイトの商品検索ウィジェットについて

ruiさん あと、Cocoonでは、プラグインの「Classic Editor」は不要です。 Cocoon設定→「エディター」タブ→「Gutenbergエディターを有効にする」のチェックを外して「変更をまとめて保存」ボタンをクリックで、クラッシックエディターに切り替わります。 ...

3年前
返信
RE: Amazonアソシエイトの商品検索ウィジェットについて

前略、ruiさん フォーラムにご質問の際は、プラグインの「WP Fastest Cache」は停止してください。

3年前
返信
RE: 入れ子のリストの文頭記号を正常に表示させるには

前略、YYTDBさん よくわからないですが、デベロッパーツールで以下で試すとそれっぽいような・・ li > ul { list-style: circle; }

3年前
フォーラム
返信
RE: 投稿ページの関連記事が設定可能だが、カテゴリーページの関連記事の設定が全くできなくなった

前略、charles257さん 隙間の時間に投稿しているのですみません。 ぜひ、以下のフォーラムのご利用案内をご一読いただければと思います。 初めての方は必ずお読みください 環境情報の取得方法はこちら。→/p> 高速化設定を無効にするにはこちら。→/p>

3年前
フォーラム
返信
RE: エックスサーバーにおいてスキンの変更が反映されない

前略、@lilia さん 隙間の時間に投稿しているので、間違っているかもしれません。 シンプルなダークモード対応Cocoonスキン(Simple-Darkmode)につきましては、確か、ダークテーマではなく、WindowsなどのOSやダークモード機能を備えたブラウザで、ダークモードに...

3年前
フォーラム
返信
RE: ヘッダーロゴ周りの余白について

もしかしたら、以下のトピックがヒントになるかも? [解決済] 【教えてください】モバイルヘッダーの表示不具合、ヘッダーロゴの表示不具合 ヘッダーが見切れる件

3年前
返信
RE: アフィリエイトタグを連続して載せたときに改行&表示が上手くいかない現象について

@yhira さん  Hisashiさん ちなみに、ショートコードとショートコードの間の行にbrタグを挿入した場合は、なぜか実際のソースコードにはbrタグが2つ挿入されます。 546fb1719237c3118ca90f25156ed4a1.png e31db2613bcaf609b...

3年前
返信
RE: アフィリエイトタグを連続して載せたときに改行&表示が上手くいかない現象について

@yhira さん Hisashiさん 試しに、「アフィリエイトタグ管理」で、pタグで挟んだものを登録してみたのですが、私のテスト環境では、ショートコードでもpタグは表示されているようです。(ちなみにプラグインのAdvanced Editor Toolsは停止してあります) 私が...

3年前
返信
RE: アフィリエイトタグを連続して載せたときに改行&表示が上手くいかない現象について

aタグだけの要素は文字列の幅だけしか幅を持っていない。 p(paragraph)タグやdiv(division)タグは特に幅を指定しない限り横幅いっぱいに要素が広がる。 横に並んでほしくない場合は、これらのタグの特性を利用すると良いのかも・・ aa6e6627d...

3年前
返信
RE: アフィリエイトタグを連続して載せたときに改行&表示が上手くいかない現象について

Hisashiさん 別件ですが、 WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。 インストールしておいた方が無難かもしれません。 あと、htmlやCSSの編集を行い、表示を確認す...

3年前
返信
RE: アフィリエイトタグを連続して載せたときに改行&表示が上手くいかない現象について

前略、Hisashiさん おそらく、その2つのアフィリエイトタグだけに限って、タグの内容を開示していただき、簡単に説明すればこの場は解決するかもしれません。 しかし、それでは、全く応用が利かず、また別のタグ同士だったりすると、同じ質問を繰り返すことになってしまいます。 W...

3年前
返信
RE: カードのタイトルの非表示

前略、@hoaさん 以下のコードでも非表示にはできるかと思います。 .entry-card-title { display: none; } ただ、カテゴリーページやタグページのエントリーカードのタイトルも非表示になってしまうかもしれません。 以下のようにすると、カ...

3年前
返信
RE: 画面からはみ出てしまう

@hiro5858 さん 追加CSSの94、95行目にスタイルタグが記述されていますが、不要と思われます。 また173行目に閉じ括弧がありません。 50140fe20e7677bb4bed559fd3b1b2aa.png  014ca3393a7a92a9da4c...

3年前
返信
RE: トップメニュー表示しない

@fumifumi さん 前述しましたように、私はプラグインの「Jetpack」は1度も使ったことがないため、よくわかりません。 確か、WordPresss5.5辺りから、画像の lazy load 機能はWordPresss自体に標準で実装されていたと思います。 ですの...

3年前
返信
RE: 画面からはみ出てしまう

前略、@hiro5858 さん ちょっとよくわかりませんが、以下のコードを子テーマのCSS、もしくは、追加CSSに記述すると、どうなるでしょうか? .appeal-in { display: block; }

3年前
返信
RE: トップメニュー表示しない

@fumifumiさん あと、トップページで表示されていない画像があるみたいですが、プラグインの「Jetpack」は私は使ったことがないため、よくわかりませんが、「Jetpack」の lazy load? もしくは lazy Image 機能をOFFにするとどうなるでしょうか。

3年前
返信
RE: トップメニュー表示しない

@fumifumi さん 高速化設定は無効化していただく方が良いです。 高速化設定を無効にするにはこちら。→ /a> プラグインの「LiteSpeed Cache」は、解決するまでは停止しておいた方が良いです。

3年前
返信
RE: トップメニュー表示しない

@fumifumiさん よく見ると、CSSの記述の174行目のメディアクエリの閉じ括弧もありませんね。 メディアクエリの閉じ括弧が2か所も抜けていたら、表示が崩れる可能性は高いです。 先ずは、そのあたりから修正すると良いかと思うのですが、そもそもCSSのメディアクエリの書...

3年前
返信
RE: トップメニュー表示しない

@fumifumi さん 実際のURLをご提示いただくと、デベロッパーツールなどで調べることはできるかと思います。 だからといって、必ず解決するとは限りませんが、先ずはそこからのような気がします。 Cocoonの高速化設定は無効化し、キャッシュ系のプラグインは停止して、環...

3年前
返信
RE: トップメニュー表示しない

前略、fumifumiさん CSSを記述するときは、記述の仕方に規則性を持たせて、誰が見てもわかりやすいように書いておくと、自分でも読みやすくなるような気がします。 例えば73行目あたりのメディアクエリの閉じ括弧が見当たらないようですが、以下のようにメディアクエリの内側はインデントを...

3年前
返信
RE: ページ送りナビの表示(<や>)の不具合

LISA_stellaさん 特にデザインに影響を及ぼす機能がたくさんあるプラグインは要注意です。わいひらさんがプラグインについてもご案内くださっています。 Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ Cocoonを利用する上でお勧めしないプラグインまと...

3年前
フォーラム
返信
RE: ページ送りナビの表示(<や>)の不具合

LISA_stellaさん Cocoonは、とても機能が豊富なテーマです。 ですので、他のテーマに合わせて開発された、多機能なプラグインと組み合わせて利用すると不具合が生じる可能性が高くなります。 Cocoonの場合は、Cocoonの機能にない機能を補うためのシンプルな機...

3年前
フォーラム
返信
RE: ページ送りナビの表示(<や>)の不具合

前略、LISA_stellaさん プラグインの「Snow Monkey Blocks」を停止は、お試しでしょうか?

3年前
フォーラム
返信
RE: ul で作成したリストをboxで囲った時、一番下にできる空白を消したい

@taku さん よくわかりませんが、プラグインの「YWS lazy loading」あたりを停止してみる、とか・・

3年前
フォーラム
返信
RE: ul で作成したリストをboxで囲った時、一番下にできる空白を消したい

@taku さん 私のテストサイトでは、親テーマのcssファイルの2830行目から2867行名の指定を読み込んでいるようです。  4e7d28e64e33c3d72c0d65c8ed8488a2.png

3年前
フォーラム
返信
RE: ul で作成したリストをboxで囲った時、一番下にできる空白を消したい

@taku さん 私のテストサイトでは、症状が再現しないようです。 クラッシックエディターのソース <div class="blank-box bb-red"> <ul> <li>項目1</li> <li>項目2</...

3年前
フォーラム
返信
RE: ul で作成したリストをboxで囲った時、一番下にできる空白を消したい

前略、takuさん その不具合の修正はすでに済んでいるような気がしたのですが、Cocoonの親テーマは最新バージョンをお使いでしょうか? キャッシュ系のプラグインは停止して、Cocoonの高速化設定をOFFにして、環境情報を貼り付けていただくと良いかもしれません。 環境情...

3年前
フォーラム
返信
RE: ヘッダー画像上部にサイト管理画面のURLが表示されてしまう

@honeystyle さん いま、xサーバーのファイルマネージャーを開いてみたら、「操作ログ」が記録されるようなので、もしかしたら、「操作ログ」から何らかの手がかりが得られるかもしれません。 お使いのファイルマネージャーに「操作ログ」がもしあればですが・・

3年前
フォーラム
返信
RE: ヘッダー画像上部にサイト管理画面のURLが表示されてしまう

@honeystyle さん それはお困りですね。 サーバー内のファイルは何かしらの役目をもっているはずですので、削除してはいけないのですが、ファイルマネジャーのどこかに残っているとよいですね。 私はファイルマネジャーは、ほぼ使わないので詳しくありません。 どこのサー...

3年前
フォーラム
返信
RE: ヘッダー画像上部にサイト管理画面のURLが表示されてしまう

honeystyleさん もしかしたら、実際には消去できているのに、キャッシュ系のプラグインのキャッシュややブラウザのキャッシュなどが表示されている、という可能性もあるのかな?とふと思いました。 キャッシュ系のプラグインを停止して、ブラウザのキャッシュを削除して、表示を確認してみるの...

3年前
フォーラム
返信
RE: ヘッダー画像上部にサイト管理画面のURLが表示されてしまう

前略、honeystyleさん 出先なので簡単にですが、WordPressのテーマエディター上ではPHPファイルは上手く上書きできない場合が多々あります。 FTPソフトかレンタルサーバーのファイルマネージャーでPHPファイルを申請用コードを貼り付ける前の状態に戻すと良いような気がしま...

3年前
フォーラム
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん 合っているかどうかは、わかりませんが適当に書いてみると・・ /*新着記事を3列横並びにする(スマホでは2列)*/ .new-entry-cards { display: flex; justify-content: space-betw...

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん ショートコードでスニペットを表示するには、スニペットオプションを指定すればよいかと思います。 新着記事ショートコードの案内ページは以下になります。 新着記事一覧を表示するショートコードの利用方法

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん さきほど4列の過去のトピックのリンク先に3列(スマホで2列)というのもありました。 新着記事ではなく人気記事ですが、CSSの記述のやり方の参考になるかと思います。 [解決済] ヘッダーを押すとホーム画面にジャンプさせたい3→2列 ...

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん 今朝、隙間の時間に書き込んだので、よく見ていなかったのですが、あらためて、kikicocomamaさんのサイトを拝見しますと、サイドバーの無い1カラムなんですね。 カラム幅は1256pxあるようですので、画像を横並びで3列にならべるとすると、1つの画像の...

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

@kikicocomama さん Cocoonには、「フロントページタイプ」という優れた機能があるのですが、マニュアルページが簡素?ためか、話題にのぼることが少ないように思います。 この「フロントページタイプ」を利用すると、CSSの知識も要らず、サイト型のトップページが簡単に作れるようになっ...

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん ショートコードは基本的に縦1列に並ぶので、横並びにするには、type=large_thumbを使って、flexboxあたりで、横にならべるCSSのコード書くと良いかもしれません。

3年前
返信
RE: 固定ページに最新記事一覧:縦型カード3列、スニペットを表示させたい

kikicocomamaさん 今回の内容とは異なりますが、以下のようなトピックもあります。 [解決済] 固定ページの新着記事一覧についてCSSが反映されない

3年前
固定ページ 8 / 137

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

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

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

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

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

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

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

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