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: 2023年1月3日 18:07
トピック: 41 / 返信: 6804
返信
RE: アピールエリアの画像設定(携帯)とヘッダーモバイルボタンの非表示について

あら、そうこうしていたら、chu-yaさんが背景画像で回答をくださっていました。 ? あとは、モバイルのとき画像の文字が小さくなってしまうので、その対策でしょうか・・

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

@suzu1005 さん 私が少し勘違いをしていたかもしれません。 コンテンツ上部だと画面幅いっぱいにはならないですね。 対処方法を考えます。

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

@suzu1005 さん あと、画面の横幅いっぱいに画像を表示させるときは、画像自体の横幅が1920px程度あった方が良いかもしれません。 小さい画像を引き伸ばして表示させると、ぼやけて見えてしまうことがあります。

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

@suzu1005 さん 特定の固定ページでモバイルヘッダーボタンを非表示にするのは以下のCSSでイケそうな気がします。 @media screen and (max-width: 1023px) { .page-id-1234 .mobile-header-menu-buttons ...

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

@suzu1005 さん 画像ウィジェットを利用される場合は、画像サイズを「フルサイズ」で指定してください。

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

@suzu1005 さん ヘッダーモバイルボタンを非表示にしたいのはどのページでしょうか?

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

@suzu1005 さん アピールエリアに設定する画像は背景画像ですので、画面幅で伸縮させるのは不向きとなります。 以下の方法だとどうでしょうか? [解決済] モバイルでもアピールエリアを表示したい [解決済] コンテンツ上部ウイジェットのモバイルとPCで出し分けする方...

7か月前
フォーラム
返信
RE: グローバルメニューが2つしか表示されません,,,。

sundubuさん chu-yaさんも触れていますが、子テーマをお使いになることをおススメします。 親テーマ・子テーマについては、以下のトピックが参考になるかと思います。 Cocoonテーマをインストールする方法 [解決済] 親テーマと子テーマについてです。

7か月前
フォーラム
返信
RE: グローバルメニューが2つしか表示されません,,,。

@mk2_mk2 さん 近頃のiPhoneは画面の大きいのがあるんですね! 私のSE(第2世代)を基準に考えちゃダメなんですね・・トホホ やっぱり、中間の画面幅のとき、PC、もしくは、モバイル用の どちらかのグローバルメニューが表示されている方がいいのかもですね。 ? ...

7か月前
フォーラム
返信
RE: グローバルメニューが2つしか表示されません,,,。

@sundubu さん 私のiPhoneだと以下のように表示されます。  IMG_0255-1.png

7か月前
フォーラム
返信
RE: グローバルメニューが2つしか表示されません,,,。

前略、@sundubu さん スマホのブラウザの表示が75%などの縮小表示になっているだけ、ということはありませんか?  9f73d6ae6c28baf6f5ab5af269034157.png

7か月前
フォーラム
返信
RE: Google AnalyticsのトラッキングID

前略、Arakawaさん 一旦、Wordpress からログアウトして、同じようにソースを確認したら、なにか変わりますでしょうか?

7か月前
返信
RE: 文字色グラデーションのボタンの背景色を指定したい

前略、horyu918さん 全く詳しくなく、当てずっぽうですが、aタグの親タグであるdivタグの背景色を白色にして角丸にするというのは、どうでしょうか? ※上手くいくかどうかはわかりません。  7e64b3685d02a88601b9c6894a6218d3.png

7か月前
フォーラム
返信
RE: Safariでボタンをホバー時にボタンが消える

私の借りたMacは最新バージョンのSafariではなかったのかもしれません。 wapcerealさん曰く「手持ちのMacBookとiMac、どちらも同じことが起こります」とのことですので、両方ともバージョン15.5だとすると、mk2さんご案内のように15.5 特有の事象という可能性もあり得ないこ...

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

Macを少しだけ借りて、アクセスしてみたのですが、症状は再現しませんでした。 OSやsafariのバージョンが違うせいか、はたまた、トビ主さん特有の環境によるものなのか、、、

7か月前
返信
RE: スマホで表示されるグローバルメニューを横一列のスクロール方式から、3列2行で表示されるようにしたいです。

@chu-ya さん 「2行3列」の方だったようです。 「3列2行」なら、@chu-ya さんご案内の内容かもしれません。 あ、いや違うか・・ ? だんだんこんがらがってきた・・・

7か月前
返信
RE: スマホで表示されるグローバルメニューを横一列のスクロール方式から、3列2行で表示されるようにしたいです。

@saa さん 親テーマ、子テーマって何? という場合は以下が参考になるかと思います。 Cocoonテーマをインストールする方法 [解決済] 親テーマと子テーマについてです。

7か月前
返信
RE: スマホで表示されるグローバルメニューを横一列のスクロール方式から、3列2行で表示されるようにしたいです。

@saa さん 子テーマはお使いですよね?カスタマイズする場合は必ず子テーマで行ってください。

7か月前
返信
RE: スマホで表示されるグローバルメニューを横一列のスクロール方式から、3列2行で表示されるようにしたいです。

@saa さん 既存のコードは何も触る必要はありません。 子テーマのCSSファイルの一番下に追記するか、「追加CSS」に何も記述していないようでしたら、そちらでも良いような気もします。

7か月前
返信
RE: スマホで表示されるグローバルメニューを横一列のスクロール方式から、3列2行で表示されるようにしたいです。

前略、saaさん スキンのseasonのデザインみたいなので、CSSでカスタマイズしないといけないのかもしれません。 追加CSSか子テーマのCSSファイルに以下を追記ではいかがかと。 @media screen and (max-width: 1023px) { .navi...

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

wapcerealさん 私もWindowsしか手元にないので、症状は見ることができていません。

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

wapcerealさん Cocoonをお使いの場合は、プラグインの「Classic Editor」は使わないでもクラッシックエディタにできます。 Cocoon設定の「エディター」タブの「Gutenbergエディターを有効にする」のところのチェックを外して、「変更をまとめて保存」ボタンで確定す...

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

wapcerealさん また、WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。 インストールしておいた方が無難かもしれません。 WordPress5から無くなったWP Multibyt...

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

wapcerealさん HTMLやCSSを書いたり、編集したりするときは文字コードをUTF-8(BOMなし)で扱うことができる適切なテキストエディタを用いると良いような気がします。 Macですと「CotEditor」が良いかもしれません。 CotEditor 文...

7か月前
返信
RE: Safariでボタンをホバー時にボタンが消える

前略、wapcerealさん 今回のボタンの件との関係はわかりませんが、子テーマのCSSファイルにBOMと思われる余分な文字があるようです。 仮に今回の件と無関係であっても、削除しておいた方が無難です。 ちなみに、この文字はテーマエディター上では見えないので、気づきにくい...

7か月前
返信
RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

Akiraさんが有用な回答をくださっているので、クリップ。 「XMLサイトマップ」に関連するトピック

7か月前
フォーラム
返信
RE: カバームービーとカバー画像の間の余白を埋めたい

前略、g0ng0nさん 以下のCSSの指定だとどうでしょうか? .wp-block-cover.is-light.aaa { margin-bottom: 0; }

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@omochikun さん chu-yaさんご案内のコードでできるかと思います。

7か月前
フォーラム
返信
RE: 雑談 Part 2

Thunderbirdを再起動したら、表示されなくなっていたアカウントのフォルダや過去のメールが表示されたようです。 ダウングレードの方法を探っていたところだったのですが、表示されたので新しいバージョンを使ってみようかと思ったりしています。 一部フォルダ名が変わってしまったり...

7か月前
フォーラム
返信
RE: 雑談 Part 2

先ほど、Thunderbirdを「102.0 (64 ビット)」にアップデートしたら、POPアカウントやその他の一部のアカウントのフォルダやメールが一切表示されなくなってしまいました。 フォーラムの購読も受信できなくなっていて・・・ さて、どうしたものやら・・

7か月前
フォーラム
返信
RE: サーチコンソールのインデックスカバレッジのエラーについて

実際の にFirefoxでアクセスしてみると、以下のような表示。  c5e4647dfbf0c780ac1dc80a47d30aaa.png

7か月前
フォーラム
返信
RE: サーチコンソールのインデックスカバレッジのエラーについて

前略、danganさん 私はこの手のエラーには疎く、本事象の原因と関連があるかどうかも全くわかりませんが、WordPressのバージョンが6.0のようですので、PHPのバージョンは7.4系に切り替えた方が良いような気がします。

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

自分のテストしたgifアニメを眺めていたら、pc用のグローバルメニューからモバイル用のグローバル?メニューに切り替わるときに、グローバルメニューが無い画面幅域があることに気付きました。 PC用とモバイル用の両方を設定したときは、どちらかが表示されている方が良いような気もしてまいりました。 余...

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@yhira さん 私もローカルのテストサイトに適用してみましたが、今回の事象に関しては上手くいっているように見えます。 ただ、まあいろいろな使い方をされているので、この影響が及ぶ範囲がいまひとつ想像がつかないところもあり・・  619ed4fad2ce152fe20c...

7か月前
フォーラム
返信
RE: safariの表示

@osakid8 さん 出先で隙間の時間に書き込んでいます。 過去のフォーラムを見ておりますと、環境情報や、実際のURLをご提示いただくと、解決に至る場合が多く、解決に至るやりとりも少なく済む傾向があります。 そうでない場合は、解決に至るまで、多くのやりとりが必要となったり、解決...

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

もしかしたら、cocoon設定のヘッダータブの「高さ」については、1023px以下は「高さ(モバイル)」に切り替わるようにした方がいいのかもしれないですね? 出先でスマホしかないので、よく確かめていませんので、間違っているかもですが、、、

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@chu-ya さん 1023px以下というのは、過去にいろいろと模索した結果、そこに落ちついた経緯があったように記憶しています。

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@chu-ya さん ヘッダーモバイルボタンは1023px以下で表示されるのに、ヘッダーの高さの設定が、834pxまで保持されちゃうので変な余白ができちゃうような気もします。 出先でよく調べられないので、できましたら、よろしくお願いします。

7か月前
フォーラム
返信
RE: safariの表示

書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります 環境情報の取得方法はこ...

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@omochikun さん CocoonのPC用のグローバルメニューは、画面幅が1023px以下のときは非表示になる仕様です。 ですので、画面の小さなノートパソコンやタブレットでは、PC用のグローバルメニューは非表示となり、モバイル端末用のモバイルヘッダーボタンが表示される仕様です。...

7か月前
フォーラム
返信
RE: safariの表示

前略、osakid8さん 「広告の位置」については、よくわかりませんが、CSSが反映されない、という件については、以前あった事例としましては、CSSのコードの編集に、文字コードをUTF-8(BOM)なしで扱うことができる適切なテキストエディターを用いていなかったため、BOMなどの余分なものがコー...

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

@omochikun さん では、command + 「-」(マイナス)でブラウザの表示を縮小表示にすると表示されますか?

7か月前
フォーラム
返信
RE: ヘッダーメニュー(グローバルメニュー)が表示されない不具合について

前略、omochikunさん ブラウザの表示が拡大表示になっていたりしませんか? command + 0(ゼロ)のショートカットキーで、等倍表示にしてみるとどうでしょうか? ブラウザの拡大・縮小・リセットはショートカットで簡単操作!(Win・Mac) 私のWi...

7か月前
フォーラム
返信
RE: モバイルヘッダーがしっかり表示されない

透過画像ですが、私は専らPhotoshopを利用していますが、他の方法でも作れそうな気もします。 資料作成に便利な「透過PNG」とは?作り方・保存方法をまとめてご紹介

8か月前
返信
RE: モバイルヘッダーがしっかり表示されない

@yujikoga さん 左上隅の「menu」ボタンですが、アイコンが表示されていないようなので、以下のようにするとどうでしょうか。  aadc8f8126f5135859c39bc5f2d0d5b4.png

8か月前
返信
RE: モバイルヘッダーがしっかり表示されない

@yujikoga さん 以下のような有用なトピックをたててくださっている方もいらっしゃいます。いろいろと参考になるかと思います。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック また、テーマ作者様のブログの以下の記事もちょっとChrom...

8か月前
返信
RE: モバイルヘッダーがしっかり表示されない

@yujikoga さん また、現在のロゴ画像で、画像を取り替えずに周りのグレーの部分を白くしたい、といった場合は、以下のCSSで、グレーの部分を白色にすると良いかもしれません。 .mobile-header-menu-buttons.mobile-menu-buttons > li:...

8か月前
返信
RE: モバイルヘッダーがしっかり表示されない

@yujikoga さん 試しに、ちょっと雑なのですが、文字を白色にして、文字以外を透明にした画像を作ってみました。 それを貼り付けてみますね。(おそらく文字は、フォーラム上では読めないと思います)  43806bdc1a492845e9ce2e652b47a327.png

8か月前
返信
RE: モバイルヘッダーがしっかり表示されない

@yujikoga さん 前略、横から失礼いたします。 現在、「URUTRAAUTO」のモバイル用のロゴ画像は、「JPEG」形式で作成されていらっしゃるご様子ですが、JPEG形式は、「透明」をサポートしていません。 ロゴ画像を「透明」部分を作成可能な「PNG」形式で作成し、ロゴの...

8か月前
返信
RE: カテゴリー別に表示されません

「フロントページタイプ」の機能は、サイトのトップページを手軽かつ簡単に所謂(いわゆる)「サイト型」にする機能だったような気がします。

8か月前
フォーラム
固定ページ 2 / 137

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

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

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

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

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

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

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

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