Skip to content
This repository has been archived by the owner on Jan 10, 2023. It is now read-only.

Commit

Permalink
Updated content
Browse files Browse the repository at this point in the history
  • Loading branch information
mahdiyazdani committed Dec 30, 2019
1 parent e402ea6 commit 0a80b07
Show file tree
Hide file tree
Showing 2 changed files with 162 additions and 6 deletions.
45 changes: 43 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,43 @@
# container-block

# Container Block
[![Container Block Downloads](https://img.shields.io/wordpress/plugin/dt/container-block.svg)](https://wordpress.org/plugins/container-block) [![Container Block Active Installs](https://img.shields.io/wordpress/plugin/installs/container-block.svg)](https://wordpress.org/plugins/container-block) [![Container Block Ratings](https://img.shields.io/wordpress/plugin/r/container-block.svg)](https://wordpress.org/plugins/container-block) [![Container Block Tested](https://img.shields.io/wordpress/plugin/tested/container-block.svg)](https://wordpress.org/plugins/container-block) [![Container Block Version](https://img.shields.io/wordpress/plugin/v/container-block.svg)](https://wordpress.org/plugins/container-block) [![Container Block License](https://img.shields.io/github/license/mypreview/container-block)](https://wordpress.org/plugins/container-block)

![Container Block](https://ps.w.org/container-block/assets/banner-1544x500.jpg?rev=1542924)

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► If you are not a developer, please use the offical [plugin post page](https://wordpress.org/plugins/container-block "Download Container Block plugin") on wordpress.org.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

## Installation

* Download the plugin from it's GitHub Repository Release window.
* Log into your WordPress website and navigate to **Plugins** » **Add New**.
* Click **Upload Plugin** and **Choose File**, then select the plugin’s `.zip` file. Click **Install Now**.
* Click **Activate** to start using your plugin right away.

## Requirements

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

## 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.

## Translators

Translators are welcome to contribute to the plugin. Please use the [WordPress translation website](https://translate.wordpress.org/projects/wp-plugins/container-block "WordPress translation website").

## Contributing

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

## Support

All support is handled via a dedicated support forum, available at [Community Forums](https://wordpress.org/support/plugin/container-block "Community Forums"). Please head out there to open a new topic, in case you have any questions.

## Rate ⭐⭐⭐⭐⭐

Don't forget to rate this plugin [5 shining stars](https://wordpress.org/support/plugin/container-block/reviews/ "5 shining stars") if you like it, thanks!
123 changes: 119 additions & 4 deletions readme.txt
Original file line number Diff line number Diff line change
@@ -1,18 +1,133 @@
=== Container Block ===
Contributors: mahdiyazdani, mypreview, gookaani
Tags: container, group, wrapper, block
Tags: container, shape divider, gutenberg, wrapper, animation, video background
Donate link: https://www.mypreview.one
Requires at least: 5.0
Requires at least: 5.2
Tested up to: 5.3.1
Requires PHP: 7.2
Stable tag: 1.0.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

A simple Gutenberg editor block used for wrapping several blocks in a parent wrapper.
A Gutenberg editor block used for wrapping several blocks in a parent wrapper.

== Description ==
A simple Gutenberg editor block used for wrapping several blocks in a parent wrapper, and enables you to do more sophisticated styling as well.
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.

**Translators & Non-English Speakers**

Translators are welcome to contribute to the plugin. Please use the [WordPress translation website](https://translate.wordpress.org/projects/wp-plugins/container-block "WordPress translation website").

**Get Involved**

Want to contribute? Here's the [GitHub development repository](https://github.com/mypreview/container-block "GitHub development repository").

**Free Support**

All support is handled via a dedicated support forum, available at [Community Forums](https://wordpress.org/support/plugin/container-block "Community Forums"). Please head out there to open a new topic, in case you have any questions.

**Support this plugin**

Don't forget to rate this plugin [5 shining stars](https://wordpress.org/support/plugin/container-block/reviews/ "5 shining stars") if you like it, thanks!

== Installation ==
= Minimum Requirements =

* PHP 7.2 or greater is recommended
* MySQL 5.6 or greater is recommended

= Automatic installation =

Automatic installation is the easiest option — WordPress will handles 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 =

Manual installation method requires downloading the plugin plugin and uploading it to your web server 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 "Manual plugin installation").

= Updating =

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

== Frequently Asked Questions ==
= 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.

= 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 at UpWork →](https://www.upwork.com/o/profiles/users/_~016ad17ad3fc5cce94/ "Mahdi Yazdani Freelancer Profile")

== Screenshots ==
1. Add “Container” block
2. Scroll down icon
3. Border settings
4. Box-shadow settings
5. Blur shape (divider/graphic)
6. Blur shape (divider/graphic)
7. Sliding background effect

== Changelog ==
= 1.0.0 =
Expand Down

0 comments on commit 0a80b07

Please sign in to comment.