サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年1月8日 22:44
質問いたします。
ヘッダーのデフォルトの高さは、何pxでしょうか？
よろしくお願いいたします。
2020年1月9日 19:02
アバウトすぎてどう答えるべきか困ります＾＾；
head内に画像を入れてますか？入れてませんか？
デフォルトではフォントサイズとpaddingが高さになりますが、
headerにはディスクリプションも入ります。
横幅によって変わります。PCビューとスマホviewでは高さも変わるかと。理由はフォントサイズや余白などが変わるからです。
何を知りたいのか、なぜ知りたいのかが分からないので、この回答とさせていただきました。
わいひら reacted
2020年1月9日 20:12
ヘッダーの高さは可変です。
入っているコンテンツによって変わってくると思います。
例えば、高さの高いロゴ画像などを入れていれば、高くなります。
キャッチフレーズを表示しているか表示していないかによっても違います。
なので、これといって高さをいうのは難しいです。
Topic starter
2020年1月11日 16:59
かうたっく様、わいひら様、ご回答頂き大変ありがとうございました。
私の質問内容が大雑把でしたため、ご迷惑をおかけして大変失礼いたしました。
改めて質問させて頂きます。
・スキン：なし
・ヘッダーレイアウト：センターロゴ（デフォルト）
・高さ：（未入力）
・高さ（モバイル）：（未入力）
・ヘッダーロゴサイズ：幅 345 × 高さ 46
・キャッチフレーズの配置：ヘッダートップ（デフォルト）
上記の設定で、（幅）1240 × （高さ）150 の背景画像を設定しています。
・ヘッダー背景画像の固定：（ノーチェック）
ところがサイトを表示させてみると、背景画像の部分が、なぜかおよそ 120％～150％ほど拡大されてしまうため、背景の画像がぼやけてしまいます。
背景画像の幅と高さは、10種類ほどパターンを変えて試してみたのですが、画像のぼやけを解消できません。
ヘッダーロゴサイズの幅と高さ、ヘッダー背景画面の幅と高さについて、基準となるサイズを教えて頂けないでしょうか。
よろしくお願いいたします。
2020年1月11日 18:09
そういう場合は、症状を見ないと何ともいえません。
フォーラムの案内にもあるように、該当ページのURLを提示していただいてよろしいでしょうか。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
2020年1月11日 20:03
nakamula様のヘッダー部分の範囲をGoogle Page Rulerという拡張ツールで測るとピッタリ画像サイズが分かると思います。
・スキン：なし
・ヘッダーレイアウト：センターロゴ（デフォルト）
・高さ：（未入力）
・高さ（モバイル）：（未入力）
・ヘッダーロゴサイズ：幅 345 × 高さ 46
・キャッチフレーズの配置：ヘッダートップ（デフォルト）
上記の設定をした状態で、Chromeでページを表示させて、上記のツールアイコンをクリック。
そしてドラッグで「ヘッダー部分」を範囲選択すると、サイズが出ます。
（パソコン100％表示で確認してください。）
横幅は、何もされていなければ、多分1260 px前後になると思います。
高さはかうたっくさんやわいひらさんがおっしゃるように、条件で変わるので測らないと分かりませんが、例えば200 pxという結果だったら、その1.2倍の高さがおすすめです。
テストしましたら、1.2倍の高さにしないと、アイパッドの横表示で、グローバルメニュー上に少し隙間ができたからです。
横幅：1260前後
縦の高さ：測った結果ｘ1.2
の画像を用意すると、ぼやけないと思います。
・・・と、書いてみて気が付いたのですが、テストをしたのが半年前なので、バージョンとか違うんですよね★。
うまくいきますように！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。