[上田 修司]

【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
【当該サイトのURL】

### 実現したいこと

OGPでも、Snow Monkeyの投稿一覧ページでも、同じアイキャッチ画像を使われます。

OGPやTwitterカードでは 1:1.91サイズの画像(1200×628や600×314)が使われる一方

Snow Monkeyの投稿一覧ページ等は4:3(16:9かな?💦)のサイズで、
設定したものをブログ上できれいに表示しようとすると、
OGP側では切れて表示されるかなと思います。

できれば１つのアイキャッチ画像で、投稿一覧ページもSnow Monkeyのその他の場所の画像表示も、OGPもTwitterカードもきれいに表示するのに、どんなアイディアがあるのでしょうか？

1: 1.91の画像で、真ん中を4:3くらいにしてもきれいに見えるようにすれば良いのはわかるのですが、できれば、その画像作成時のストレスも減らしたいなと思ってます。

 

一番シンプルな方法で実現できれば、画像の縦横比の希望は特にないです。

もしかしたら、設定とか、簡単なcssでsnow monkey 内の画像の縦横比が1発で
1:1.91にしたりする方法があるのかな？

よろしくおねがいします。

 

 

### 発生している問題

### 試したこと

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey のアイキャッチ画像・OGP 画像、ページヘッダー画像はいわゆるイメージ画像をいれるような想定なので、文字だったり顔があるきちんと画角を考えないといけない写真を設定するのは向いていません。

下記のような CSS でアイキャッチ画像の比率を定義しているので、OGP 画像の比率に合わせて CSS を調整してみると良いかもしれません。

.c-entry-summary__figure:before {
    content: "";
    display: block;
    padding-top: 75%;
}

♥ 0

いいねをした人: 居ません

[上田 修司]

返信おそくなりすいません。

このCSSで対応出来ました。ありがとうございました！

♥ 1

いいねをした人:

[投稿者]

投稿