サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
CSSカスタマイズ相談
17
投稿
3
ユーザー
23
Reactions
607
表示
Topic starter
2023年6月19日 11:40
いつも大変お世話になっております。
@chu-ya@様 mk2_mk2様
コメントとご教示をして頂き、本当にありがとうございました。
グローバルメニューの「セラピーメニュー」だけ、携帯で小さく表示されてしまいます。
その他の、グローバルメニューは、携帯で最適化表示されております。
今回の件につきましては、何も自分で変更をしておりません。
サイトのURL： https://www.unlucky8seitai.com
CSSの追加で、修正が可能であれば、ご教示を宜しくお願い申し上げます。
2023年6月19日 17:25
Kana Hokaoさん
私からは以下のように見えております。
モバイル・PCともに、特にそのような症状はないように思えます。
この場所で、お間違いないでしょうか。
個々の端末・環境により、見え方が違うということは有り得ます。
そのため、このような場合、その事象が分かるようなキャプチャ画像（スクリーンショット）を添付いただきますよう、お願い致します。
また、フォーラム上部の案内にありますように、環境情報のご提示は、毎回お願い致します。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
上記のようなことを、トピックをお立てになる前に、ご自身でチェックするためにも、フォーラム上部にあるテンプレートをご利用になるのも一案かと思います。
Kana Hokao and わいひら reacted
Topic starter
2023年6月22日 15:26
@mk2_mk2様
ご確認とご返信ありがとうございます。
ご返信が遅くなり、大変申し訳ございません。
グローバルメニューの「セラピーメニュー」だけが、携帯の画面で確認すると縮小されて表示されています。
その他の全てのグローバルメニューは、携帯画面で最大幅で表示されており問題はございません。
解決方法がございましたら、ご教示を宜しくお願い申し上げます。
---------------------------------------------- サイト名：アンラッキーエイトセイタイ サイトURL： https://www.unlucky8seitai.com ホームURL： https://www.unlucky8seitai.com コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css WordPressバージョン：6.2.2 PHPバージョン：7.4.33 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.51 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7 ---------------------------------------------- テーマ名：Cocoon バージョン：2.6.1.6 カテゴリー数：11 タグ数：8 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1068バイト functions.phpサイズ：204バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 ---------------------------------------------- 利用中のプラグイン： Jetpack 12.2.1 Remove Footer Credit 1.0.13 SiteGuard WP Plugin 1.7.5 Site Kit by Google 1.103.0 WPFront Scroll Top 2.0.7.08086 XO Event Calendar 3.2.1 ----------------------------------------------
Topic starter
2023年6月22日 15:47
@mk2_mk2 様
先程の内容では、分かりにくかったと思いますので補足をさせていただきます。
携帯画面にあるグローバルメニューの全ての中から
→「セラピーメニュー」をクリックする。
→「セラピーメニュー」のみ縮小されて表示されてしまいます。
携帯画面にあるグローバルメニューの全ての中から
→「概要」をクリックしました。
→「概要」は、携帯画面のサイズに表示されております。
※グローバルメニューの「セラピーメニュー」以外をクリックしても携帯画面のサイズに合っております。
解決方法がございましたら、宜しくお願い申し上げます。
---------------------------------------------- サイト名：アンラッキーエイトセイタイ サイトURL： https://www.unlucky8seitai.com ホームURL： https://www.unlucky8seitai.com コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css WordPressバージョン：6.2.2 PHPバージョン：7.4.33 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.51 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7 ---------------------------------------------- テーマ名：Cocoon バージョン：2.6.1.6 カテゴリー数：11 タグ数：8 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1068バイト functions.phpサイズ：204バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 ---------------------------------------------- 利用中のプラグイン： Jetpack 12.2.1 Remove Footer Credit 1.0.13 SiteGuard WP Plugin 1.7.5 Site Kit by Google 1.103.0 WPFront Scroll Top 2.0.7.08086 XO Event Calendar 3.2.1 ----------------------------------------------
2023年6月22日 15:56
Kana Hokaoさん
申し訳ないのですが、ご質問の内容が良く分からず・・・。
そのため、確認をさせてください。
グローバルナビと言うと、一般的には、以下の部分を指すかと思います。
モバイル表示でこれに該当するのは、以下の部分かと思います。
それで、私の最初の返信のように書かせていただきました。
ただ、続く返信を拝見すると、「グローバルナビ」とは無関係のことのように思います。
わいひら and Kana Hokao reacted
2023年6月22日 16:01
そして、固定ページに関して、いくつかお書きになっていて。
今回上がったのは、以下2つの固定ページかと思います。
セラピーメニュー
https://www.unlucky8seitai.com/therapy-couse/
概要
https://www.unlucky8seitai.com/overview/
そして、続く返信を拝見すると、「セラピーメニュー」の固定ページに、何か問題がある様子。
そこまでは分かりました。
（やはり、「グローバルナビ」は無関係かと思います）
わいひら and Kana Hokao reacted
2023年6月22日 16:04
以下の「概要」の固定ページは私からは、こう見えています。
https://www.unlucky8seitai.com/overview/
そして、「セラピーメニュー」は以下のように。
https://www.unlucky8seitai.com/therapy-couse/
https://www.unlucky8seitai.com/therapy-couse/
わいひら and Kana Hokao reacted
2023年6月22日 16:09
但し、「セラピーメニュー」の固定ページは、私の環境からは、以下のように動いてしまいます。
それが、おそらくKana Hokaoさんが添付してくださったように、固定ページの右側に空間ができてしまうという事象のことなのだと思います。
という、お問い合わせですよね。
おそらく。
お問い合わせ内容は、理解しました。
おそらく何かの要素が、はみ出しているのだと思います。
ただ、私事で申し訳ないのですが、これから急いで通院に行かねばなりません。
（ちょっと、ぎりぎりかも・・・）
（ちょっと、ぎりぎりかも・・・）
そのため、2～3時間くらいはフォーラムから離れます。
とりあえず、お問い合わせ内容は伝わったかと思いますので、しばらくお待ちください。
（他の方か、もしくは私が戻ってきてから）
（他の方か、もしくは私が戻ってきてから）
「グローバルナビ」はまったく関係ないのに、「グローバルナビ」という言葉があるばかりに、意識がそちらに行ってしまいましたね。
言葉は難しいです。
わいひら and Kana Hokao reacted
2023年6月22日 17:39
Kana Hokaoさん
まだ出先でスマホからなのですけれど。
本題とは外れますが。
お問い合わせの際は、フォーラム上部のテンプレートの使用をご検討ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
今回であれば、この「不具合・カスタマイズ対象ページのURL」に「セラピーメニュー」の以下のURLをご提示いただく感じです。
https://www.unlucky8seitai.com/therapy-couse/
上記のようにしていただくことで、少なくとも、どのページに問題があるのかはっきりすると思います。
わいひら reacted
2023年6月22日 19:39
Kana Hokaoさん
以下の部分の、「など」の前の全角スペースを削除してみていただけますでしょうか。
位置の調整のためにご使用なのだと思いますが、大量（42個）の全角スペースを使用するのは、よろしくないと思います。
PCでは、以下のような感じで、表示がずれていると思うんですよね。
（見る端末の画面幅（ブラウザ幅）により、変わってしまうと思います）
《ご参考》
【使いすぎ注意】HTMLで全角スペースを正しく使う方法
https://web-camp.io/magazine/archives/78927
特に、上記の「1.スマートフォンで表示するとレイアウトが崩れる」あたりでしょうか。
（全部ご覧いただいた方が良いと思います）
わいひら and Kana Hokao reacted
2023年6月22日 22:28
見栄えで、気付いた点があり。
セラピーメニューのページですが、一部に、「1カラムブロック」を使用しています。
この為、見出しh2がメイン幅とならず。
また、段落ごとに余分な余白が入り。
この為、「1カラムブロック」を止め、もともと1カラムなので、普通に文を記述する事をお勧めします。
●補足
上記の「など」ですが全角スペースで右に寄せるのでなく、段落の右寄せを使って下さい。
わいひら and Kana Hokao reacted
2023年6月23日 00:41
Kana Hokaoさん
あまり多くのことを言ってしまうと、混乱してしまうかもしれませんので、1つだけ。
ご丁寧な解説をして頂いたおかげで、全ての用語を理解することできました。
これは、最初は仕方ないです。
言葉を覚えていくしかないです。
それに、人によって違う言葉を使うことも、良くあります。
WordPressは海外製のCMSですし、日本語の言い方がはっきり定まっていない部分もあるかもしれないです。
そういうことがありますから、お問い合わせの際には、画像添付をお願いしております。
文字では分からなくても、画像をひと目見れば分かることも結構あります。
是非とも積極的に、画像添付をしていただきたいです。
ちなみにですが。
画像添付の際は、スマホなどで撮影するのではなく。
（撮影範囲が難しかったり、角度がついたり、モアレ（しましま）が発生して見づらいからです）
キャプチャ（スクリーンショット）画像の方が、見易くいですし、便利です。
その方法を覚えていただければと思います。
「OS＋スクリーンショト」「OS＋キャプチャ」等で検索すれば、解説サイトが見つかると思います。
例えば、Windowsの場合は、「Windows キャプチャ」で検索なさってみてください。
わいひら and Kana Hokao reacted
Topic starter
2023年6月23日 18:19
@mk2_mk2 様
アドバイスありがとうございました。
OSのスクリーンショトの方法は、私も以前から知っております。
許可された最大ファイルサイズ 5MBであったことは確認をしておりました。
私のスクリーンショットの画像サイズが大きかったため、スクリーンショットではなく
スマホで撮影した画像を添付いたしました。
※5月18日に親戚に訃報の連絡があり、バタバタしており編集ができませんでした。
今後にご質問する際には、スクリーンショットのサイズを調整してファイルを添付いたします。
色々アドバイスをして頂き、早急に問題を解決して頂き、本当にありがとうございました！！
今後とも宜しくお願い申し上げます。
わいひら reacted
2023年6月23日 18:45
Kana Hokaoさん
許可された最大ファイルサイズ 5MBであったことは確認をしておりました。
アップできなければ、そもそもですが・・・。
そこが問題ではありません。
先の返信で書かせていただいたように、以下が問題だと思います。
（そもそも、「なぜ画像添付の必要があるのか」というところをお考えいただければと思います）
（撮影範囲が難しかったり、角度がついたり、モアレ（しましま）が発生して見づらいからです）
簡単に言えば、見づらい・分かりにくいということです。
回答側の添付する画像などを見ていただければお分かりいただけるかと思います。
（他のトピック、私以外の方の回答も含めて）
どうやって、認識相違を起こさず、正しく伝わるか。
そこに、少しかもしれませんが、注意しているつもりです。
（画像に色を付けた印などが入っていたりもします）
ご質問いただく側も、そこにご配慮いただけますと、助かります。
ご質問が伝わらなければ、その意味・意図は何かということに、時間や労力を使うばかりで、話が進まないからです。
（特に、用語がままならない場合は、文章では伝わりづらいですので）
質問が1つあったら、それに回答が1つだけある。
トピックに、この2つだけあるような形が理想です。
このトピックを振り返りご覧いただくとどうでしょうか？
それをお考えいただきたいのです。
（時間には、限りがありますので、毎回これほどのことはできないと思います）
わいひら and Kana Hokao reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。