サポート » 使い方全般 » 各テーマのヘッダーの大きさの考え方を教えてください。

  • お世話になります。

    複数のテーマがそれぞれ異なるサイトのヘッダー画像をデザイナーさんに作っていただきました。

    「外観」-「ヘッダー」-「ヘッダー画像」で

    『新規画像を追加をクリックした後に、好きなように画像を切り取ることができますが、お使いのテーマはヘッダーのサイズとして 1600 × 230 ピクセルを推奨しています。』

    と書いてありましたので、デザイナーさんにそのサイズを指定して作成いただきました。

    サイトに設置したところ、ヘッダー画像の左端と右端が切れてしまいました。
    画像の端から端まで文字が入っているため、文字が切れてしまっています。

    PCの画面の大きさで多少の違いがあるからかと思いましたが、今後様々なテーマを利用する上で、
    推奨サイズいっぱいでヘッダー画像に文字を入れて作ってはいけないと思いました。

    今回のテーマは「Nu2013」です。
    他のテーマで使えるかな?と思いましたが、やはり左右が切れてしまいました…

    「Nu2013」だけではなく、テーマで推奨されているヘッダー画像の大きさは、どの様に考えればよいのでしょうか?

    「推奨サイズの左右-100ピクセルはテキストを入れない」など、私が知らないだけで一般的な決まりごとの様なものはありますか?
    毎回仮の画像を設置、テキストOKの範囲を確認されているのでしょうか?

    できるだけ多様なテーマを使いたいため、推奨サイズであればOKと思っていました。

    ご教示お願いいたします。
    よろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは。
    「nu2013」のテーマ作者です。
    「nu2013」は WordPress の過去のデフォルトテーマ Twenty Thirteen を親テーマにして作成しており、ヘッダー画像の推奨サイズは Twenty Thirteen の推奨サイズを継承しております。
    WordPressのデフォルトテーマはタイトル部分はテキストを入れる作りになっており、Twenty Thirteenのヘッダー画像はタイトルを入れるものではなく、背景として考えられているため、そのような状況になったのではないかと思います。

    その上で、もう少し状況をお聞きしたいのですが、左端と右端はどれぐらい切れていますか?今ご覧になれれているPCの画面サイズは何pxでしょうか?

    すべてのテーマにあうようにヘッダー画像に文字を入れるには十分に余白を取りながら真ん中に配置をするようにするしかないように思います。テーマによってはタイトルロゴがヘッダー画像とは別に入れられる場合もあります。
    そういった意味ではテーマごとに違いますので、JUNKO007さんのお話でいうと「毎回仮の画像を設置、テキストOKの範囲を確認」ということになるかと思いました。

    Junko Nukaga様

    お世話になります。
    作者様自らありがとうございます。

    私のPCの画面サイズは、2つあります。
    ① 横 : 横 : 1366 × 縦 : 638
    ②横 : 1440 × 縦 : 770

    左端が100ピクセル弱、右が50ピクセルぐらい切れている感じです。
    今回は左端から20ピクセル空けたところから文字が始まっていたため、切れてしまいました。

    サイズを小さく1200にしてみたりもしたのですが、結果は変わりませんでした。

    自分で画像を作成することができないため、この様な依頼方法となったのですが、
    今後は「サイトの記事部分のテキストが表示されている大きさまで」としたらいいのかなと思いました。

    それが一番間違いのない方法かもしれませんね。

    テーマの名前は忘れてしまったのですが、954×1300が推奨サイズで、サイドバーに設置されるもので、ひどい目にあいました。
    横954なのに、実際に表示されているのは300ぐらいで…

    >>Twenty Thirteenのヘッダー画像はタイトルを入れるものではなく、背景として考えられているため

    この様な考えがありませんでした。
    大変参考になりました。

    ありがとうございます!

    確かに1600pxサイズに対してモニターの方が小さいと入りきらなくなってしまいますね。
    申し訳ないのですが「そういうものなのです」という形で、トータルで全てのテーマに対しての共通文字を入れられるサイズ的な指針はない状態です。
    このように使われたり、考え方もあるのだなあと勉強になりました。ありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「各テーマのヘッダーの大きさの考え方を教えてください。」には新たに返信することはできません。