wagtail-block-collection 0.0.5

A Collection of wagtail steam fields

:exclamation: This project is very beta everything can change any second
:exclamation: And this is my first python package
:exclamation: So no garanties of any kind

wagtail-block-collection

A collection of some basic wagtail streamfields blocks. Based on bootstrap 5.0

The blocks are divided in two categories:
Sections
Sections are a group of multiple blocks and include settings like the background. They are perfect for the basic one-page layout
Blocks
These are just your normal streamfields to fill your site with content. They van be used without the sections

Sections

• Basic color background
• Paralax img background
• img background
• gradient background
• section content and image side by side
• Full-width (and height) slider

Blocks

• Text
• Img + Text
• Title
• Icon
• Button
• Image
• Youtube video
• Bootstrap card deck
• Bootstrap column
• Spacer
• Collapse content by button
• Line
• Google maps
• IMG slider
• Alert
• Bootstrap accordion
• Bootstrap alert
• Countdown

Planed

• More sliders
• Bootstrap buttongroup
• Icon list
• Price table
• Counter

Quickstart

This is the short version of what is in the docs

You need to have a working Wagtail project and the bootstrap 5.0 .css and .js

pip install wagtail-block-collection

Add the following entries to your settings.py in the INSTALLED_APPS section:

'wagtailfontawesome',
'wagtail_color_panel',
'wagtail.contrib.settings',
'wagtail_block_collection',

Make sure you have the 'wagtail.contrib.settings.context_processors.settings', templates context_processors

Now you can import any of the blocks from wagtail_block_collection.blocks
Or you can import them all using all_blocks

Todo

• Add more documentation
• Add scaling options to the img block
• Animations
• Build a easy way to select icons
• Charts
• Tabs
• Masonry image
• Image lazy loading

Support this project

Committing code

If you want to add a new cool block or see something that could be better? Just fork this project and then open a pull request. I know I am not perfect but please clean and understandable code.

Send me a coffee