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: 2025年3月18日 14:45
トピック: 41 / 返信: 6803
返信
RE: トップページを固定ページにして、最新投稿も表示させたい

前略、pkei さん 先日、新着記事ショートコードで、エントリーカードっぽい表示にするCSSのコードを書いてみたのでリンクを貼ってみます。 ただ、あくまでショートコードなので、デフォルトのトップページのようにエントリーカードの下にページネーションは表示されませんし、カテゴリーラベルも...

4年前
フォーラム
返信
RE: スマホのヘッダーメニューの親メニューをクリックしても、子メニューが表示されない

ヒキガエルさん フッターモバイルボタンから、スライドインメニューを表示すると、サブメニューも表示されるかと思います。 フッターモバイルボタンの設定方法 独自のカスタマイズによる不具合は、サポートの対象外となってしまうようですので、ご注意ください。 69e41...

4年前
返信
RE: スマホのヘッダーメニューの親メニューをクリックしても、子メニューが表示されない

ヒキガエルさん Cocoonのマニュアルページを読み返してみましたが、やはり、以下記述があるようです。 モバイルヘッダーナビでは、ドロップダウン状のサブメニューは表示できません。 モバイル用のグローバルナビメニューを設定する方法

4年前
返信
RE: インデックス画像の左右がカットされるのを縦横比縮小にしたい

@ichiichiichi さん 外出していたので、不十分な回答となり、すみませんでした。 エントリーカードのサムネイル画像については、アスペクト比がバラバラですと、エントカードの高さが揃わず、散かったような印象に見える場合があります。 アスペクト比が同じであれば、エント...

4年前
返信
RE: スマホのヘッダーメニューの親メニューをクリックしても、子メニューが表示されない

前略、ヒキガエルさん 表示スペースの関係かと思われますが、それは、そのような仕様だったと思います。 モバイルフッターボタンの方をタップすると、サブメニューも表示されるかと思います。

4年前
返信
RE: インデックス画像の左右がカットされるのを縦横比縮小にしたい

ichiichiichiさん あと、カードガードタイプの大きなカードも、トリミングされないかもしれません。 ちょっと出先なので、覚えている範囲での解答なので、すみません。

4年前
返信
RE: インデックス画像の左右がカットされるのを縦横比縮小にしたい

ichiichiichiさん タイルカード意外のカードタイプでは、トリミングされてしまうので、トリミングされても良いように、アイキャッチ画像を作成するときに、画像の方の設計をサムネイル画像のアスペクト比に合わせる必要があります。

4年前
返信
RE: インデックス画像の左右がカットされるのを縦横比縮小にしたい

ichiichiichiさん カードタイプを変更したときは、サムネイル画像の再生成が必要かもしれません。

4年前
返信
RE: インデックス画像の左右がカットされるのを縦横比縮小にしたい

前略、ichiichiichiさん 今、出先なので簡単に説明します。 トップページに並ぶエントリーカードのサムネイル画像のアスペクト比は、基本的には、固定です。 ですので、アスペクト比に合わない部分はトリミングされる仕様です。 cocoon設定のインデックスタ...

4年前
返信
RE: 新着記事のアイキャッチ画像をくっつけたい

tk さん あと、最近では、サイトのSSL化は必須になってきているようです。 親テーマ、子テーマの問題が解決したら、サイトをSSL化すると良いでしょう。 後回しにすると、アップロードした画像のURLを変更しなければならない等、面倒なことになってきます。 最初の...

4年前
返信
RE: 新着記事のアイキャッチ画像をくっつけたい

前略、tk さん はるさん 横から失礼いたします。 WordPressのサイトをカスタマイズする際は、必ず、子テーマを導入しましょう。 親テーマでカスタマイズをしても、アップデートした際に、カスタマイズしたものが失われてしまう可能性が高いです。 親テーマ・...

4年前
返信
RE: モバイル表示の際、サムネイルの横に抜粋を表示する方法

YYTBD さん スニペットをサムネイル画像の右側にした場合で、モバイル端末でスニペットの7目の文字の頭が見えてしまう場合は、max-heightの数値を調節すると良いかもしれません。 @media screen and (max-width: 480px) { .ect-entry-ca...

4年前
フォーラム
返信
RE: 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

rumi さん もし、上記の説明でも難しいとお感じになる場合は、有償となってしまいますが、初期設定を以下のリンクのプロの方に依頼する、という方法もあります。 Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

4年前
返信
RE: 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

rumi さん 1のヘッダーのデザインに関しては、Ilkumi さんの記事が参考になるかと思います。 [Cocoon] ヘッダー画像サイズと選ぶポイント ヘッダーの背景画像は、横幅680pxでは、小さいので、若干ぼやけてしまうかもしれません。 可能であれば、横...

4年前
返信
RE: 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

rumi さん 2に関して 緑色の鳥?のようなものが映っている画像は、「背景画像」に設定されているようです。 ダッシュボードの「外観」→「カスタマイズ」→「背景画像」と辿って、背景画像を削除して、すぐ上にある「公開」ボタンをクリックして、変更を確定すれば、消せるかと思います。

4年前
返信
RE: 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

rumi さん 1に関して 書き込まれた文章の内容から推察しますと、ヘッダー部分の画像のこととお見受けしました。 ヘッダー部分の画像の設定は、Cocoon設定の「ヘッダー」タブで行います。 過去のトピックでちょうど参考になりそうなものがありますので、リンクを貼り付けて...

4年前
返信
RE: 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

前略、rumi さん お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。 やはり、実際のWebサイトを拝見した方が正確な情報が得られます。 3b153479...

4年前
返信
RE: モバイル表示の際、サムネイルの横に抜粋を表示する方法

YYTBD さん 以下のコードで試せるかもしれません。 @media screen and (max-width: 480px) { .ect-entry-card .card-snippet { clear: none; margin-left: 40%; }}

4年前
フォーラム
返信
RE: Cocoonの編集画面/投稿画面のサイドバーの項目がなくなる

きりたにさん もし、記事の下の方のエリアに移動してしまっている場合は、ドラッグして、右のサイドバーへ移動できるみたいです。 記事の下の方のエリアにも見当たらない場合は、右上の3つのドットボタンから、設定を表示して、該当ツールにチェックが入っているか確認してみてください。 ...

4年前
フォーラム
返信
RE: インデックスの設定に

tabata さん あそには、新幹線の駐車場?があって、様々な種類の新幹線を見ることができました。 20年ほど前によく子供を連れて、見に行きました。 今でも富士山が見えるんですね。

4年前
返信
RE: インデックスの設定に

tabata さん ウィジェットエリアの「インデックスミドル」の中にフェイスブックボックスのウィジェットか何かが入っているようです。 それを削除すれば、余白はなくなると思います。 ad05b5b4e1909af6d64b42f736b3754a.png

4年前
返信
RE: Cocoonの編集画面/投稿画面のサイドバーの項目がなくなる

前略、きりたにさん 今、出先なので、よく確認てきていませんが、消えた項目が、記事の下の方に移動していませんか? 下向きボタンを操作して、サイドへもどせませんでしょうか?

4年前
フォーラム
返信
RE: インデックスの設定に

Tabata さん あと、広告が挿入される設定によって、広告スペースが、挿入されていて、空白ができるケースもあります。 その場合は、広告の設定を見直す必要があるかと思います。

4年前
返信
RE: インデックスの設定に

前略、Tabata さん いま、出先なので、簡単にですが、縦型カード2列は、左右のカードの高さを揃える仕様になっていますので、左右のカードの文字の行数が異なると、行数が少ない方に余白ができるのかもしれませんね。 実際のURLをご提示いただいていないので現状がどうなっているなか、全くわ...

4年前
返信
RE: モバイル表示の際、サムネイルの横に抜粋を表示する方法

前略、YYTBD さん いま、あまり時間がないので、簡単にですが、Cocoon設定では、できなかったような気がします。 CSSでの独自のカスタマイズが要るかもしれません。 ただ、やってみるとわかるかと思いますが、スニペットをサムネイル画像の右にすると表示幅が狭くなり、よみ...

4年前
フォーラム
返信
RE: アドセンス広告が勝手に表示される

前略、もりや さん アドセンスの広告は、アドセンス側の設定で、自動広告の設定をOFFにしておかないと、表示位置を制御することはできないかと思います。 アドセンス側の自動広告の設定をOFFにして、設定する広告コードは、レスポンシブ広告のものを、コピーして広告タブの広告コードのところに貼...

4年前
フォーラム
返信
RE: 新着記事のショートコードでエントリーカードのような表示にしたい

@yhira さん いいえ、トピ主さんではない方を、トピックにご案内してしまった私の案内方法がよくなかったようです。

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん あまりお役にたてず、すみません。 余談ですが、サイドバーの「最近の投稿」ウィジェットを「新着記事」ウィジェットにすると、「人気記事」ウィジェットと同様に、サムネイル画像が表示されるかと思います。

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん そうなのですね。 だとすると、素人では、ちょっと対処が難しい問題なのかもしれません。 仮にデータベース辺りの問題だった場合等は、Xサーバーのサポート、もしくは、WordPressの修復のプロに依頼する、などの方法が考えられます。 【Wo...

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20さん 一括操作の場合は、チェックを入れたプラグインに対しての操作になります。個別でもどちらでもできるかと思います。

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん だとすると、埋め込みコードが原因ではない、ということになりますね。 あと試すとしたら、 1.別のブラウザ(Firefox、Edgeなど)に変えてログインして試してみる 2.プラグインを全て一旦停止した状態で、保存できるか試してみる ...

4年前
フォーラム
返信
RE: スプリクト読み込み設定がない

きりみさん ブラウザの拡張機能や、セキュリティソフトなどで、JavaScriptの広告を表示させない設定にしている場合、広告が表示されないかもしれません。そちらもご確認ください。 参考トピック a8.の広告URL(コード)が本番画面に表示されない。

4年前
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん Cocoonのフォーラムから、コピーして、直接カスタムHTMLブロックに貼り付けていますよね? それとも、一旦、どこかに貼り付けたりしていますか?

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん Windows10のパソコンで拡張子を表示する方法は以下のリンクの記事でわかるかと思います。 Windows10 - ファイルの拡張子を表示/非表示にする 「隠しファイル」については、パソコンの動作に重要なファイルを隠す機能ですので、隠したままにし...

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん その前に、32ビットというのは、割と古いパソコンに採用されていた規格です。 最近のものは、ほとんど64ビットになっています。 その点は、大丈夫ですか? Windows10 - 32ビット版か64ビット版かを確認

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん ちなみに、はるさんが貼り付けてくださった、書き込みから、埋め込みコードをコピーして、カスタムHTMLブロックに貼り付けたら、どうなりますか?

4年前
フォーラム
返信
RE: a8.の広告URL(コード)が本番画面に表示されない。

newbie さん 「遅延読み込み」を英語にすると、「lazyload」ということです。 解決したようで、よかったです。

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん はるさんが貼り付けてくださった埋め込みコードと、@usako20 さんの貼り付けてくださった、画像の埋め込みコードを見比べてみると、@usako20 さんの貼り付けてくださったコードの方が、とても長いですね? もしかしたら、取得している埋め込みコードが違うのか...

4年前
フォーラム
返信
RE: 固定ページに投稿ページのカテゴリページのようなアイキャッチ画像付きの一覧を作りたい

@mukonosou7 さん 内部ブログカードでしたら、こっちのやり方の方が簡単かもしれません。 ブロックエディターで手っ取り早くブログカードを作成する方法

4年前
返信
RE: 固定ページに投稿ページのカテゴリページのようなアイキャッチ画像付きの一覧を作りたい

@mukonosou7 さん 「SILK」というスキンを使うと、縦型のブログカードに作れるかと思います。 「SILK」には豊富なオプションがあるようです。 ブログカードを横にならべる機能もあるみたいです。

4年前
返信
RE: 固定ページに投稿ページのカテゴリページのようなアイキャッチ画像付きの一覧を作りたい

@mukonosou7 さん これは、どこで情報を得られたのでしょうか? ショートコードは、通常、ブロックエディタ―では、ショートコードブロックに貼り付けます。

4年前
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん パソコン上では、office ソフトの Excel や Word などでも、文字を扱うことはできますが、文字の情報の他に、文字の大きさや、色などの純粋な文字の情報とは別の情報を含んでいる場合がよくあります。 そういった、文字の大きさとか色などの情報を含んでいな...

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん ちょっと、テキストエディターについて、言葉の齟齬があるようです。 Instagramを貼り付けるだけのために、旧エディターに戻す必要はないと思われます。(たぶんですが・・) 次で「テキストエディター」の説明をします。

4年前
フォーラム
返信
RE: アイコンリストのタイトルをボーダー上に表示したい

IS さん 部分的にSILKのデザインを適用するには、CSSでの独自のカスタマイズが必要になります。

4年前
返信
RE: 固定ページに投稿ページのカテゴリページのようなアイキャッチ画像付きの一覧を作りたい

@mukonosou7 さん 新着記事のショートコードのマニュアルページは、以下のリンクです。 新着記事一覧を表示するショートコードの利用方法(オプションもいろいろ) カスタマイズのCSSの記述場所は、主に、その追加CSSと、子テーマのstyle.cssの2箇所です。...

4年前
返信
RE: アイコンリストのタイトルをボーダー上に表示したい

前略、IS さん スキンをSILKにしてみると、どうなりますか?

4年前
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん 埋め込みコードをofficeなどのソフトに一旦貼り付けたりは、していないんですね? テキストエディターは、何をお使いですか?

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@usako20 さん 上の書き込みに貼り付けていただいた、5つのURLのうち3つまでは、はるさんのやり方で問題なく埋め込めたので、埋め込みが出来ない理由は、埋め込みコードの取り扱いに何か問題があるのではないかと推測した次第です。

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

埋め込みコードは、JavaScriptのコードだったのですね。 usako20 さん 埋め込みコードを Microsoft officeのエクセルとかワード等に一旦貼り付けたりしていませんか? 埋め込みコードや、CSSのコード、JavaScriptのコードを扱うと...

4年前
フォーラム
返信
RE: Instagramの埋め込みをするとエラーが出ます。

@haruinoue さん はるさんのやり方が今日はできたので、やってみたら、問題なく埋め込むことができました。 しかし、4つ目を試そうとしたら、リンク先が表示されず、以下のログイン画面になってしまうようになりました。  a5155a150778fe0d31f19486...

4年前
フォーラム
固定ページ 60 / 137

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

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

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

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

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

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

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

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