django cms图片调整大小

Question

我刚接触 Django CMS。我可以在 Django 中通过 CSS 调整某些东西的大小，但这个过程会减慢我的速度，所以我认为使用 Django CMS 会更快。好的，现在我得到了 Django CMS 的欢迎页面，然后我开始添加一张图片，惊讶地发现没有调整它大小的选项。我找到了类似 sorl_thumbnail 包的东西，但不知道如何将代码集成到我的模板中。这是来自sorl_thumbnail的教程：

{% load thumbnail %}

{% thumbnail item.image "100x100" crop="center" as im %}
    <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
{% endthumbnail %}

在我的 feature.html 模板中：

{% extends "base.html" %}
{% load cms_tags staticfiles sekizai_tags menu_tags %}
{% block content %}
<div>
    {% placeholder "feature" %}
</div>
<div>
    {% placeholder "content" %}
</div>
{% endblock content %}

sorl_thumbnail的教程没用，没说代码放在哪里。我试图粘贴整个东西但没有运气。请大家帮忙！

Answer 1

djangocms-picture 插件比较基础，请查看 cmsplugin-filer (https://pypi.python.org/pypi/cmsplugin-filer/0.10) 插件以获得更高级的图像插件

Answer 2

我也推荐 cmsplugin_filer_image 正如@yakky

提到的

参见：https://github.com/stefanfoulis/cmsplugin-filer/tree/develop/cmsplugin_filer_image

但如果您想继续使用 djangocms-picture，则需要覆盖插件模板。

将下面的代码片段复制到 template 目录中的 cms/plugins/picture.html。

{% load thumbnail %}

<span class="plugin_picture{% if picture.float %} align-{{ picture.float }}{% endif %}">
    {% if link %}<a href="{{ link }}">{% endif %}
        {% thumbnail picture.image "100x100" crop="center" as im %}
            <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
        {% endthumbnail %} 
    {% if link %}</a>{% endif %}
</span>

django cms图片调整大小

django cms picture resize

sorl-thumbnail

django-cms