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

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

グローバルメニューの1つだけ携帯のサイ...
 
共有:
通知
すべてクリア

[解決済] グローバルメニューの1つだけ携帯のサイズが小さく表示されてしまいます。

17 投稿
3 ユーザー
23 Reactions
631 表示
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

いつも大変お世話になっております。

 

@chu-ya@様 mk2_mk2様

コメントとご教示をして頂き、本当にありがとうございました。

 

グローバルメニューの「セラピーメニュー」だけ、携帯で小さく表示されてしまいます。

その他の、グローバルメニューは、携帯で最適化表示されております。

今回の件につきましては、何も自分で変更をしておりません。

 

サイトのURL: https://www.unlucky8seitai.com

CSSの追加で、修正が可能であれば、ご教示を宜しくお願い申し上げます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

私からは以下のように見えております。
モバイル・PCともに、特にそのような症状はないように思えます。

この場所で、お間違いないでしょうか。

 
 
個々の端末・環境により、見え方が違うということは有り得ます。
そのため、このような場合、その事象が分かるようなキャプチャ画像(スクリーンショット)を添付いただきますよう、お願い致します。
 
また、フォーラム上部の案内にありますように、環境情報のご提示は、毎回お願い致します。
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります
環境情報の取得方法はこちら。
→  https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→  https://wp-cocoon.com/theme-trouble/
 
 
上記のようなことを、トピックをお立てになる前に、ご自身でチェックするためにも、フォーラム上部にあるテンプレートをご利用になるのも一案かと思います。

   
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

@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
----------------------------------------------

   
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

@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
----------------------------------------------

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

申し訳ないのですが、ご質問の内容が良く分からず・・・。
そのため、確認をさせてください。

グローバルナビと言うと、一般的には、以下の部分を指すかと思います。

 
モバイル表示でこれに該当するのは、以下の部分かと思います。
 
 
それで、私の最初の返信のように書かせていただきました。
ただ、続く返信を拝見すると、「グローバルナビ」とは無関係のことのように思います。

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

そして、固定ページに関して、いくつかお書きになっていて。

今回上がったのは、以下2つの固定ページかと思います。

セラピーメニュー
https://www.unlucky8seitai.com/therapy-couse/

概要
https://www.unlucky8seitai.com/overview/

 

そして、続く返信を拝見すると、「セラピーメニュー」の固定ページに、何か問題がある様子。

そこまでは分かりました。
(やはり、「グローバルナビ」は無関係かと思います)


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

以下の「概要」の固定ページは私からは、こう見えています。
https://www.unlucky8seitai.com/overview/

 
そして、「セラピーメニュー」は以下のように。
https://www.unlucky8seitai.com/therapy-couse/

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

但し、「セラピーメニュー」の固定ページは、私の環境からは、以下のように動いてしまいます。

 
 
それが、おそらくKana Hokaoさんが添付してくださったように、固定ページの右側に空間ができてしまうという事象のことなのだと思います。
 
 
 
という、お問い合わせですよね。
おそらく。
 
 
お問い合わせ内容は、理解しました。
 
おそらく何かの要素が、はみ出しているのだと思います。
 
 
ただ、私事で申し訳ないのですが、これから急いで通院に行かねばなりません。
(ちょっと、ぎりぎりかも・・・)
 
そのため、2~3時間くらいはフォーラムから離れます。
 
 
とりあえず、お問い合わせ内容は伝わったかと思いますので、しばらくお待ちください。
(他の方か、もしくは私が戻ってきてから)
 
 
 
 
「グローバルナビ」はまったく関係ないのに、「グローバルナビ」という言葉があるばかりに、意識がそちらに行ってしまいましたね。
 
言葉は難しいです。
 

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

まだ出先でスマホからなのですけれど。

本題とは外れますが。

お問い合わせの際は、フォーラム上部のテンプレートの使用をご検討ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

今回であれば、この「不具合・カスタマイズ対象ページのURL」に「セラピーメニュー」の以下のURLをご提示いただく感じです。

https://www.unlucky8seitai.com/therapy-couse/

 

上記のようにしていただくことで、少なくとも、どのページに問題があるのかはっきりすると思います。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

以下の部分の、「など」の前の全角スペースを削除してみていただけますでしょうか。

 
位置の調整のためにご使用なのだと思いますが、大量(42個)の全角スペースを使用するのは、よろしくないと思います。
 
 
PCでは、以下のような感じで、表示がずれていると思うんですよね。

(見る端末の画面幅(ブラウザ幅)により、変わってしまうと思います)
 
 
 
《ご参考》

【使いすぎ注意】HTMLで全角スペースを正しく使う方法
https://web-camp.io/magazine/archives/78927

特に、上記の「1.スマートフォンで表示するとレイアウトが崩れる」あたりでしょうか。
(全部ご覧いただいた方が良いと思います)


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

ちなみに、私のスマホで該当箇所を選択すると、こんな感じです。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3159
 

見栄えで、気付いた点があり。

セラピーメニューのページですが、一部に、「1カラムブロック」を使用しています。
この為、見出しh2がメイン幅とならず。
また、段落ごとに余分な余白が入り。

この為、「1カラムブロック」を止め、もともと1カラムなので、普通に文を記述する事をお勧めします。

●補足

上記の「など」ですが全角スペースで右に寄せるのでなく、段落の右寄せを使って下さい。

 


   
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

@mk2_mk2

お忙しい中、ご確認とコメントをして頂き、ありがとうございました。

ご教示して頂いた内容で、グローバルナビについて理解いたしました。

ご丁寧な解説をして頂いたおかげで、全ての用語を理解することできました。

 

本当にありがとうございました。

 

「セラピーメニュー」の固定ページの中を確認しました。

セラピーメニューの固定ページを全て半角に変更したことで、問題の解決をすることができました。

 

@chu-ya 様

お忙しい中、ご確認とコメントありがとうございました。

 

今後とも宜しくお願い申し上げます。

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

あまり多くのことを言ってしまうと、混乱してしまうかもしれませんので、1つだけ。

投稿者:: @kana-hokao

ご丁寧な解説をして頂いたおかげで、全ての用語を理解することできました。

これは、最初は仕方ないです。
言葉を覚えていくしかないです。

それに、人によって違う言葉を使うことも、良くあります。
WordPressは海外製のCMSですし、日本語の言い方がはっきり定まっていない部分もあるかもしれないです。

 

そういうことがありますから、お問い合わせの際には、画像添付をお願いしております。

文字では分からなくても、画像をひと目見れば分かることも結構あります。

是非とも積極的に、画像添付をしていただきたいです。

 

ちなみにですが。

画像添付の際は、スマホなどで撮影するのではなく。
(撮影範囲が難しかったり、角度がついたり、モアレ(しましま)が発生して見づらいからです)

キャプチャ(スクリーンショット)画像の方が、見易くいですし、便利です。

その方法を覚えていただければと思います。

「OS+スクリーンショト」「OS+キャプチャ」等で検索すれば、解説サイトが見つかると思います。

例えば、Windowsの場合は、「Windows キャプチャ」で検索なさってみてください。


   
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

@mk2_mk2

アドバイスありがとうございました。

OSのスクリーンショトの方法は、私も以前から知っております。

 

許可された最大ファイルサイズ 5MBであったことは確認をしておりました。

 

私のスクリーンショットの画像サイズが大きかったため、スクリーンショットではなく

スマホで撮影した画像を添付いたしました。

※5月18日に親戚に訃報の連絡があり、バタバタしており編集ができませんでした。

 

今後にご質問する際には、スクリーンショットのサイズを調整してファイルを添付いたします。

 

色々アドバイスをして頂き、早急に問題を解決して頂き、本当にありがとうございました!!

 

今後とも宜しくお願い申し上げます。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8094
 

Kana Hokaoさん

投稿者:: @kana-hokao

許可された最大ファイルサイズ 5MBであったことは確認をしておりました。

アップできなければ、そもそもですが・・・。
そこが問題ではありません。

 

先の返信で書かせていただいたように、以下が問題だと思います。
(そもそも、「なぜ画像添付の必要があるのか」というところをお考えいただければと思います)

投稿者:: @mk2_mk2

(撮影範囲が難しかったり、角度がついたり、モアレ(しましま)が発生して見づらいからです)

簡単に言えば、見づらい・分かりにくいということです。

回答側の添付する画像などを見ていただければお分かりいただけるかと思います。
(他のトピック、私以外の方の回答も含めて)

どうやって、認識相違を起こさず、正しく伝わるか。
そこに、少しかもしれませんが、注意しているつもりです。
(画像に色を付けた印などが入っていたりもします)

 

ご質問いただく側も、そこにご配慮いただけますと、助かります。
ご質問が伝わらなければ、その意味・意図は何かということに、時間や労力を使うばかりで、話が進まないからです。
(特に、用語がままならない場合は、文章では伝わりづらいですので)

質問が1つあったら、それに回答が1つだけある。
トピックに、この2つだけあるような形が理想です。

 

このトピックを振り返りご覧いただくとどうでしょうか?
それをお考えいただきたいのです。
(時間には、限りがありますので、毎回これほどのことはできないと思います)


   
Kana Hokao
(@kana-hokao)
Trusted Member Registered
結合: 2年前
投稿: 32
トピックスターター  

@mk2_mk2

いつもありがとうございます。

@mk2_mk2 様のコメントの内容を全て解読いたしました。

今後、カズタマイズのご依頼をする際に、ご記載して頂いている内容を考慮して注意したいと考えております。

今回のコメントには、ご返信は不要です。

本当にありがとうございました。

 


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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