【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/ Cocoon ディスカッション掲示板 ja Tue, 12 May 2026 15:50:14 +0000 wpForo 60 RE: 【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63434 Thu, 21 Jul 2022 15:24:39 +0000 @leafytree 承知いたしました！ありがとうございます。

]]> Cocoonテーマに関する質問 sakigake https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63434 RE: 【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63433 Thu, 21 Jul 2022 14:18:54 +0000 追加CSSに、頂いたコードを追加するだけで解決しました！

とても助かりました。ありがとうございます。

]]> Cocoonテーマに関する質問 sakigake https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63433 RE: 【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63431 Thu, 21 Jul 2022 14:09:57 +0000 sakigakeさん

 

WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。

インストールしておいた方が無難かもしれません。

]]> Cocoonテーマに関する質問 リフィトリー https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63431 RE: 【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63430 Thu, 21 Jul 2022 13:51:40 +0000 前略、sakigakeさん

以下のCSSのコードを子テーマのCSSファイルか、追加CSSにコピペではどうでしょうか？

@media screen and (max-width: 834px) {
  .appeal div.appeal-in {
    min-height: 24vw;
  }
}
]]> Cocoonテーマに関する質問 リフィトリー https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63430 【ヘッダー画像】ＰＣ版とモバイル版の表示の違いをそろえるにはどうしたらいいすか？ https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63429 Thu, 21 Jul 2022 13:36:16 +0000 不具合・カスタマイズ対象ページのURL：https://www.sakigake-blog.osaka/

相談内容：ヘッダー画像の表示が、ＰＣ版とモバイル版で違うので困っています。下記に添付してあるＰＣ版のように、バランスの良い表示にするにはどのような設定が必要なのでしょうか。

ＰＣ版.jpg ‎- フォト (gyazo.com)

解決のために試したこと：ヘッダー画像のサイズを既定の170に戻した。ヘッダーの追従機能のチェックを外した。

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。

※高速化設定をしている場合は無効にしてください。
環境情報：

----------------------------------------------
サイト名：さきがけ不動産
サイトURL：https://www.sakigake-blog.osaka
ホームURL：https://www.sakigake-blog.osaka
コンテンツ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
スキン：/wp-content/themes/cocoon-master/skins/skin-mixblue/style.css
WordPressバージョン：6.0.1
PHPバージョン：7.4.28
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.7
カテゴリ数：4
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.2.5
All-in-One WP Migration 7.62
Contact Form 7 5.6.1
EWWW Image Optimizer 6.6.0
Really Simple SSL 5.3.2
Simple Lightbox 2.8.1
SiteGuard WP Plugin 1.6.1
Site Kit by Google 1.79.0
Snow Monkey Blocks 16.0.2
Snow Monkey Editor 8.0.1
----------------------------------------------
]]> Cocoonテーマに関する質問 sakigake https://wp-cocoon.com/community/cocoon-theme/%e3%80%90%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e7%94%bb%e5%83%8f%e3%80%91%ef%bd%90%ef%bd%83%e7%89%88%e3%81%a8%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ae%e9%81%95/#post-63429