我們在客製化樣板的時候,常常會遇到固定圖片大小的問題,或是要調整部落格圖片長寬比例,這種時候可以參考以下解決方式
舉例來說原本方式如下
<img alt="{{ article.title }}" src="{{ article.featured_image.url}}">
更改為thumbnail,並且設定大小為’90x100’, 當比例大小不對時,會裁切成適當的比例,並不會拉長造成會面失真
<img alt="{{ article.title }}" src="{% thumbnail article.featured_image '90x100' crop='center' %}">
可參考以下連結 https://sorl-thumbnail.readthedocs.io/en/latest/examples.html