サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年11月30日 02:16
はじめまして。
背景に画像を配置して文字載せをしたいため、ブロックのカバー機能を使っていますが
スマホで表示すると画像が切れてしまいます。
レスポンシブ対応にする設定をご教示いただけますと幸いです。
配置は全幅にしています。
どうぞよろしくお願いいたします。
2021年11月30日 03:52
sallyさん
只今スマホですので、WordPressの確認もできず。
更に私は「カバーブロック」は使ったことがないのですが・・・。
以下は参考になりませんでしょうか。
ワードプレス カバーブロックで画像の縦横比を固定する方法
https://web-children.com/2020/10/21/cover-block-image-aspect-fix/
リンク先の記事ではプラグインを導入していますが、Cocoonの場合は不要だと思われます。
わいひら reacted
Topic starter
2021年11月30日 10:12
ｍｋ２ さん、さっそくありがとうございます！
サイトを参考に設定したところ、横幅は固定できましたが、PC、スマホともに、縦幅が極端に狭くなり棒のように表示されました。
https://www.belegaglobal.com/under/
設定中の仮ページは上記になります。
紹介サイトで設定している内容の他にも何か必要な作業がありそうでしたらアドバイスいただけないでしょうか。
2021年11月30日 10:23
sallyさん
まだスマホですので、調べるのは厳しいのですが・・・。
縦横比の計算はあっていますか。
今の計算式だと、横560、縦1800で計算しています。
その辺りのことも、リンク先の記事に書いてあります。
2021年11月30日 10:33
スマホのブラウザで、モードを、変えてみたのですが、もしかして上手く当たっていないのでしょうか。
スマホのPCモード
スマホの通常モード
縦横比は固定されてないですね。
わいひら reacted
2021年11月30日 11:18
やはりスマホでは調べるのが難しいですね。
少し思ったのは、先ほどのベージュ？の背景は、2900×902のかなり横長な画像のようです。
となると、縦横比を固定すると、モバイルでは厳しい気はします。
sallyさんの仰っている
レスポンシブ対応
とは、そういうことではない気はしてきました。
私の見るところが違うのかもしれないですが。
しばらくスマホのみの状態ですので、いずれにせよ調べるのは難しそうです。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。