Title: Container Block
Author: Mahdi Yazdani
Published: <strong>December 30, 2019</strong>
Last modified: April 3, 2020

---

Search plugins

![](https://ps.w.org/container-block/assets/banner-772x250.jpg?rev=2219747)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/container-block/assets/icon-256x256.png?rev=2219747)

# Container Block

 By [Mahdi Yazdani](https://profiles.wordpress.org/mahdiyazdani/)

[Download](https://downloads.wordpress.org/plugin/container-block.1.2.0.zip)

 * [Details](https://pcd.wordpress.org/plugins/container-block/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/container-block/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/container-block/#installation)
 * [Development](https://pcd.wordpress.org/plugins/container-block/#developers)

 [Support](https://wordpress.org/support/plugin/container-block/)

## Description

A fully customizable Gutenberg editor block used for wrapping several blocks in 
a parent wrapper, which enables you to do more sophisticated styling as well.

**Key Features**

 * Maximum width
 * Full-height
    - Vertically align top.
    - Vertically align center.
    - Vertically align bottom.
 * Scroll down icon — A scrolling mouse wheel animation that will offer direction
   to the user.
    - Element ID — Smoothly scroll the window to a specific element or tag ID within
      the page.
    - Color
 * Visibility
    - Desktop
    - Laptop
    - Tablet
    - Smartphone
 * Horizontal spacing
    - Desktop
    - Laptop
    - Tablet
    - Smartphone
 * Alignment
    - Desktop
    - Laptop
    - Tablet
    - Smartphone
 * Link to
    - Page address or URL.
    - Open in a new window.
 * Border
    - Width — Sets a width for the borders.
    - Radius — Defines the radius of the corners.
    - Color
 * Shadow — Adds a box-shadow to the block.
 * Shape — Multiple shapes to use as separators for sections or as the background
   graphic.
    - Height — A few of the shapes such as “Simple” are adjustable.
    - Color
 * Animation on scroll
    - Type — Allows you to animate elements as you scroll down, and up.
    - Ease — Timing function to ease elements in different ways.
    - Offset — Offset to trigger animation sooner or later in pixels.
    - Delay — Delay the animation.
    - Duration — Duration of animation.
    - Run once — Whether animation should fire once, or every time you scroll up/
      down to the block.
 * Background image
    - Position — Sets the starting position of the background image; “Focal Point
      Picker” support.
    - Repeat — Sets if and how the background image will be repeated.
    - Size — Sets the size of the background image.
    - Parallax — Not scrolling the background image with the page.
    - Sliding background effect — Supports “Left to Right” and vice versa.
 * Background video
 * Background color
 * Overlay opacity
 * Align full and wide support
 * Aria label — To define a string that labels the current block. You might use 
   it in cases where the block content is not visible on the screen.

## Screenshots

 * [[
 * Add “Container” block
 * [[
 * Scroll down icon
 * [[
 * Border settings
 * [[
 * Box-shadow settings
 * [[
 * Blur shape (divider/graphic)
 * [[
 * Blur shape (divider/graphic)
 * [[
 * Sliding background effect

## Installation

#### Minimum Requirements

 * PHP version 7.2 or greater.
 * MySQL version 5.6 or greater or MariaDB version 10.0 or greater.
 * WordPress version 5.0 or greater.

#### Automatic installation

Automatic installation is the easiest option — WordPress will handle the file transfer,
and you won’t need to leave your web browser. To do an automatic install of the 
plugin, log in to your WordPress dashboard, navigate to the Plugins menu, and click“
Add New.”

In the search field type “Container Block”, then click “Search Plugins.” Once you’ve
found the plugin, you can view details about it such as the point release, rating,
and description. Click “Install Now,” and WordPress will take it from there.

#### Manual installation

The manual installation method requires downloading the plugin and uploading it 
to your webserver via your favorite FTP application. The WordPress codex contains
[instructions on how to do this here](https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation).

#### Updating

Automatic updates should work smoothly, but we still recommend you back up your 
site.

## FAQ

  How do I use the block?

 1. Log into your WordPress website and navigate to Dashboard.
 2. Create a new page, by visiting “Pages” » “Add New”.
 3. Click on the “Add Block” button and select the “Container” block. Alternatively,
    you can start typing `/container` in a new paragraph block, then press enter.
 4. “Container Block” can contain other blocks. You can add content by clicking the`
    +` icon and picking a block.
 5. Publish the page.

  Why should I use a container block in a page?

The container div, and sometimes content div, are almost always used to allow for
more sophisticated CSS styling. The body tag is special in some ways; However, browsers
don’t treat it like a normal div, and its position and dimensions are tied to the
browser window.

  How do I get help with the plugin?

The easiest way to receive support is to “Create a new topic” by visiting Community
Forums page [here](https://wordpress.org/support/plugin/container-block).

Make sure to check the “Notify me of follow-up replies via email” checkbox to receive
notifications, as soon as a reply posted to your question or inquiry.

_Please note that this is an opensource 100% volunteer project, and it’s not unusual
to get reply days or even weeks later._

  Can I help in translating this plugin into a new language?

The plugin is fully translation-ready and localized using the GNU framework, and
translators are welcome to contribute to the plugin.

Here’s the [WordPress translation website →](https://translate.wordpress.org/projects/wp-plugins/container-block)

  How do I contribute to this plugin?

We welcome contributions in any form, and you can help reporting, testing, and detailing
bugs.

Here’s the [GitHub development repository →](https://github.com/mypreview/container-block)

  Did you like the idea behind this plugin?

Please share your experience by leaving this plugin [5 shining stars](https://wordpress.org/support/plugin/container-block/reviews/)
if you like it, thanks!

  I need help customizing this plugin?

I am a full-stack developer with over five years of experience in WordPress theme
and plugin development and customization. I would love to have the opportunity to
discuss your project with you.

[Hire me on UpWork →](https://www.upwork.com/o/profiles/users/_~016ad17ad3fc5cce94/)

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Container Block” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Mahdi Yazdani ](https://profiles.wordpress.org/mahdiyazdani/)
 *   [ MyPreview ](https://profiles.wordpress.org/mypreview/)
 *   [ Saji ](https://profiles.wordpress.org/gookaani/)

[Translate “Container Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/container-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/container-block/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/container-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/container-block/)
by [RSS](https://plugins.trac.wordpress.org/log/container-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.0

 * Multiple code standards improvements.
 * Compatibility with WordPress 5.4.0

#### 1.1.0

 * Code tidy.
 * New range controls to have full control over the margins.

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.2.0**
 *  Last updated **6 years ago**
 *  Active installations **50+**
 *  WordPress version ** 5.2 or higher **
 *  Tested up to **5.4.0**
 *  PHP version ** 7.2 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/container-block/)
 * Tags
 * [animation](https://pcd.wordpress.org/plugins/tags/animation/)[container](https://pcd.wordpress.org/plugins/tags/container/)
   [gutenberg](https://pcd.wordpress.org/plugins/tags/gutenberg/)[shape divider](https://pcd.wordpress.org/plugins/tags/shape-divider/)
   [wrapper](https://pcd.wordpress.org/plugins/tags/wrapper/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/container-block/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/container-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/container-block/reviews/)

## Contributors

 *   [ Mahdi Yazdani ](https://profiles.wordpress.org/mahdiyazdani/)
 *   [ MyPreview ](https://profiles.wordpress.org/mypreview/)
 *   [ Saji ](https://profiles.wordpress.org/gookaani/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/container-block/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.mypreview.one)