django cms图片调整大小

时间:2015-03-02 04:31:40

标签: django-cms sorl-thumbnail

我是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的教程没用,它没有说明放置代码的位置。我试图粘贴整个东西,但没有运气。你能帮忙吗?

2 个答案:

答案 0 :(得分:2)

djangocms-picture插件相当基础,请查看cmsplugin-filer(https://pypi.python.org/pypi/cmsplugin-filer/0.10)插件以获取更高级的图像插件

答案 1 :(得分:1)

我还建议@yakky提到cmsplugin_filer_image

请参阅:https://github.com/stefanfoulis/cmsplugin-filer/tree/develop/cmsplugin_filer_image

但是如果你想继续使用djangocms-picture,你需要覆盖插件模板。

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

{% 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>