サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年1月29日 20:10
現在、トップページ画像をMetaSlider（プラグイン）を用いて画像を表示しています
その際、PCで表示される画像をスマホでも同じようなサイズで表示したいのですが
スマホでは、下側の部分がカットされた表示になります（添付ファイル参照）
MetaSlider側の設定では、特にPCとスマホの表示変更設定みたいな項目はみあたりません
wordpress(cocoon)設定変更かCSSの追加等でスマホ側の表示サイズの変更は可能でしょうか？
可能であればやり方をアドバイス頂けたら助かります
WEBサイトURL
大門未知子 reacted
2025年1月29日 22:57
cameoさん
cameoさんは、もうフォーラムのご利用回数も、ある程度ある状態ですし。
まずは、フォーラム上部のマナー・ルールをお守りいただくこと。
そして、ご自分で、サイトの状態を確認できるようになること。
これは、そろそろ・・・と思います。
上記2点目は、具体的には、デベロッパーツールを使って確認してくださいということです。
Chrome・Edge・Firefox等、ブラウザにはデベロッパーツールというものが備わっています。
「デベロッパーツール 使い方」等で検索していただけますと、詳しく解説されたサイトがあると思います。
2025年1月29日 22:58
cameoさん
とりあえず、画面幅を可変させて確認します。
表示時間が短いですので、普通にjpegで確認します。
（キャプションは非表示にしてあります）
（キャプションは非表示にしてあります）
【1540pxくらい】
【480pxくらい】
1番右の蜜柑を確認していただくのが、分かり易いと思うのですけれど。
変わっていないのでは？
キャプションは、PC18px・モバイル16pxです。
画面幅の変化に対して、フォントサイズや行の高さは、一定で変わりません。
（PC・モバイルでは変わりますけれど）
画面幅の変化に対して、フォントサイズや行の高さは、一定で変わりません。
（PC・モバイルでは変わりますけれど）
それで、そういう風に見えているのではないでしょうか。
キャプションも可変させるということでしょうか。
キャプションも可変させるということでしょうか。
今一度、ご確認いただき、要件を整理いただけますでしょうか。
トピックスターター 2025年1月30日 12:38
お手間をおかけして申し訳ございません
mk2さんのご指摘のとおり画像サイズ（縦横比）が変わる訳で無く、キャプションのフォントサイズが一定の為、スマホサイズで表示した際、キャプション部分で結果的に画像（縦）が縮んだようになる事象を理解しました。
今回は、検証頂いた通り、一旦キャプションを非表示にして対処するようにします。
今すぐはスキル不足で出来ませんが、アドバイスのあった通り、下記のどれかの対処をやってみようと思います
キャプションの可変、キャプションサイズ（スマホ）の変更（16⇒12）、キャプション背景の透過等で実施していきたいと思います。
また、「デベロッパーツール」についても、知識が無かったので学習していきたいと思います。
いろいろとアドバイスありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。