ヘッダー画像のサイズ
 
通知
すべてクリア

ヘッダー画像のサイズ

4 投稿
3 ユーザー
1 Reactions
691 表示
(@yasu0246)
投稿: 2
New Member
Topic starter
 
  • XWRITEではじめてブログ作成します。まずは、ヘッダー画像を作成したいのですが、XWRITEの場合、ヘッダー画像のサイズ(横幅×高さ)は何pxを推奨してますか?
XWRITEバージョン
1.7.3
WordPressバージョン
6.3
PHPバージョン
7.4.33
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2023年8月12日 3:36 PM
ゴトウ
(@hgoto)
投稿: 163
Estimable Member Moderator
 

XWRITEをご利用いただきありがとうございます!

ヘッダー画像=メインビジュアル画像の認識で相違ございませんでしょうか・・・?

【ご参考】マニュアル > メインビジュアルの設定
https://xwrite.jp/man_custom_mainvisual/

こちら「メインビジュアルの高さ」で表示を調整していただく形をとっており、
・ファイルサイズが大きくなりすぎないようにする(適度に圧縮する)
・横幅は最低でも1200px以上(横幅いっぱいに表示される場合は1920px以上が良いかもしれません)
あたりをご留意いただけければ、特に指定はございません!

 
投稿済 : 2023年8月12日 5:56 PM
(@yasu0246)
投稿: 2
New Member
Topic starter
 

ご回答ありがとうございます。

横幅は最低でも1200px以上とのことだったので、1200px×630pxでメインビジュアル画像を作成し、ワードプレスに設定しましたが、画像の端が途切れてしまいます。

具体的には、添付スクリーンショットの右下の女性の右半分くらいが途切れてしまいます。

画像が途切れずに表示するにはどうすればよいでしょうか?

「メインビジュアルの高さ」の項目はすべて試しましたがダメです。

「全幅で表示する」にチェックを入れたり外したり

いろいろ試しましたがダメです。

「メインビジュアルの高さ」の項目を「自動」にし、「全幅で表示する」にチェックを入れた設定がもっともよいですが、それでも、右下の女性の右半分くらいが途切れてしまいます。

 

 

 
投稿済 : 2023年8月13日 3:20 PM
ito_h
(@ito_h)
投稿: 435
Honorable Member Moderator
 

@yasu0246

横から失礼いたします。

「メインビジュアルの高さ」を「元データのサイズに合わせる」に設定した場合はどのように表示されますでしょうか?

上記の設定では画像の比率を維持したままウィンドウの大きさに合わせて縮小・拡大されるため、左右が途切れずに表示されるかと思います。

また、お使いのデバイスや、モニターによっては横1200pxに対して縦630pxだとウィンドウを大きくした際に、下部が途切れる場合もありますので、縦630pxを減らす、または横1200pxを増やすのどちらかで画像の比率を調整していただくと良いかと思います。

もしPC表示とモバイル表示で別々の比率の画像を設定したい場合は、申し訳ございませんが今後のアップデートで対応を予定しておりますので、お待ちいただけますと幸いです。

 
投稿済 : 2023年8月14日 5:13 PM
共有: