2019-07-12

関連記事として埋め込んだエントリの表示形式を調整してみる

エントリに関連記事として選択した Matrix ブロックの表示はとりあえず引用と同じ感じにしてたのだけど、少し見た目を変えてみた。

といっても Bootstrap の Card ベースにしただけではあるのだけど。

Cards · Bootstrap
https://getbootstrap.com/docs/...

とりあえず、ほぼこのサンプルまんまで対応。

ちゃんと調べてなかったのだけど Redactor の最初の画像を取り出すのはURLを取り出してただけっぽい?

first-image/README.md at master · bhashkar007/first-image
https://github.com/bhashkar007...

無駄に画像の transform をやろうとしてた。

まぁ、まだイマイチではある気がするけどとりあえずはこれで。


CSSの object-fit プロパティとか知らなかったな。

1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス
https://www.webcreatorbox.com/...

IEとかはごめんなさい、って感じで。

noteやはてなブログとかこの辺はいい感じに表示してくれるから、そういうのになるようにすればいいんだろうなー。