- このトピックには4件の返信、2人の参加者があり、最後に
により5年、 7ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】v5.0.0
【お使いのブラウザ】Chrome
【当該サイトのURL】hseito.com
北島さん、いつもお世話になっています。
今回の質問は、スノーモンキーでの画像の最適なサイズや縦横比率はありますか？
ということです。
画像とは、
・投稿ページや固定ページのアイキャッチ画像
・トップページに使えるスライダーの画像やウィジェットに使う画像
のことです。
それ以外も、マニュアルに掲載されていないサイズや比率などについての注意点がございましたら、
教えていただけると幸いです。
いいねをした人: 居ませんSnow Monkey のスライダー系ウィジェット＆ブロック、アイキャッチ画像は、ぴっちりサイズ指定で画像表示することを想定していません。なので文字入りのバナー的な画像を表示したりするのはあまりおすすめできません。風景画像とかイメージ写真みたいなのを入れてもらうのが使い方的には多分ベストです。
という前提で、現状どういう表示をしているかを下記にまとめますね。
スライダー＆ピックアップスライダー
基本的には 16:9 で表示されますが、スライダー内のコンテンツが隠れないように、内容量に応じて広がります。
ページヘッダー
- スマホ 縦最大300px
- タブレット 縦最大400px
- PC 縦最大500px
記事一覧画面のアイキャッチ画像
- 4:3 で表示されます。
いいねをした人:北島さん ありがとうござます
スライダー系ウィジェット＆ブロック、アイキャッチ画像は、
基本的には以下のようなサイズを想定しておけばよいということですね。ページヘッダーは、
・PC 縦最大500pxの16：9
・スマホ 縦最大300pxの9：16
記事一覧のアイキャッチ画像は 4：3
文字入り画像バナーは、文字などが画面の外に、はみ出るのでヘッダーにはつかわない
ということで了解しました。
また、私の場合は、投稿記事のアイキャッチ画像にタイトルやコピーを入れます。
ですので、文字を入れる場合は、以下のポイントに注意して、
・アイキャッチの画像比率16：9
・記事一覧の比率4：3
・PCとスマホの両方のサイズで文字が切れないか確認
文字が切れない画像内の範囲を一度、割り出してから画像を作成する。
テーマ移行後、記事一覧のアイキャッチ画像のコピーやタイトルが切れているものがありました
そのため、以上のことを確認してアイキャッチ画像も作りなおします。テーマの移行では、ショートコード修正や画像修正、
さらにブロックエディターの使い方の習得などやらねばならない作業が多いですね。じつは、私は、テーマ移行のための作業量の多さで、
前のテーマからスノーモンキーに移行するのを長い間ためらっていました。この移行作業の負担か少しでも減るアイデアがあれば、もっといいですね！
以上、北島さん、ありがとうございました！
いいねをした人: 居ません
- トピック「スノーモンキーに最適な画像のサイズや縦横比率」には新しい返信をつけることはできません。