跳转到主要内容

Django-cms的Masonry插件

项目描述

djangocms-masonry是一个可重复使用的插件,用于实现JavaScript Masonry库的django-cms。

依赖关系

  • Djangocms>=3.0

  • Django>=1.6

安装

从PyPI安装djangocms-masonry。

pip install djangocms-masonry

将Djangocms_masonry添加到INSTALLED_APPS

INSTALLED_APPS = (
    ...
    'djangocms_masonry',
    ...
)

Django 1.6和/或South用户需要添加以下内容以确保迁移兼容性。

SOUTH_MIGRATION_MODULES = {
    ...
    'djangocms_masonry': 'djangocms_masonry.south_migrations',
    ...
}

配置

可以通过使用“DJANGOCMS_MASONRY_STYLES”设置元组通过选择框向插件添加CSS类。

DJANGOCMS_MASONRY_STYLES = (
    ('style1', 'Style 1'),
    ('style2', 'Style 2'),
)

djangocms_masonry/default.html默认渲染。用户可以选择自定义模板,如下面的示例所示。

DJANGOCMS_MASONRY_TEMPLATES = (
    ('template1', 'Template 1'),
    ('template2', 'Template 2'),
)

限制Masonry Carousel可用的插件

DJANGOCMS_MASONRY_CHILD_CLASSES = (
    'PicturePlugin',
)

包含或排除静态文件

DJANGOCMS_MASONRY_INCLUDE_JS_MASONRY = True

模板

base.html包括运行masonry插件所需的全部JavaScript和CSS,但它不会渲染HTML。自定义模板可以扩展base.html,只要它们定义了一个包含html和插件渲染代码的插件块,如下面的示例所示。

{% extends 'djangocms_masonry/base.html' %}
{% load cms_tags %}

{% block plugin %}
  <div class="masonry-plugin plugin{% if style %} {{ style }}{% endif %}" id="plugin-{{ instance.pk }}">
    <div class="row">
      <div class="small-12 columns">

        <div class="masonry-grid">
          <div class="grid-sizer"></div>
          <div class="gutter-sizer"></div>
          {% for plugin in instance.child_plugin_instances %}
            <div class="grid-item">
              {% render_plugin plugin %}
            </div>
          {% endfor %}
        </div>

      </div>
    </div>
  </div>
{% endblock plugin %}

贡献

  • Lee Solway

历史

0.1.0 (2015-07-24)

  • 在PyPI上的第一次发布

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分布

djangocms-masonry-0.1.0.tar.gz (41.1 kB 查看哈希值)

上传时间 来源

支持

AWSAWS 云计算和安全赞助商 DatadogDatadog 监控 FastlyFastly CDN GoogleGoogle 下载分析 MicrosoftMicrosoft PSF赞助商 PingdomPingdom 监控 SentrySentry 错误记录 StatusPageStatusPage 状态页面