{"id":115455,"date":"2019-12-30T16:41:37","date_gmt":"2019-12-30T16:41:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/container-block\/"},"modified":"2020-04-03T13:55:16","modified_gmt":"2020-04-03T13:55:16","slug":"container-block","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/container-block\/","author":14490511,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.0","stable_tag":"1.2.0","tested":"5.4.0","requires":"5.2","requires_php":"7.2","requires_plugins":"","header_name":"Container Block","header_author":"MyPreview","header_description":"Add additional terms and condition checkbox to the WooCommerce checkout.","assets_banners_color":"3396c8","last_updated":"2020-04-03 13:55:16","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.mypreview.one","header_plugin_uri":"https:\/\/www.mypreview.one","header_author_uri":"https:\/\/www.upwork.com\/o\/profiles\/users\/_~016ad17ad3fc5cce94","rating":0,"author_block_rating":0,"active_installs":50,"downloads":1916,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"2219747","resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"2219747","resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":"2219747","resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"2219747","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0","1.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"2219747","resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"2219747","resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"2219747","resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"2219747","resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"2219747","resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":"2219747","resolution":"6","location":"assets","locale":""},"screenshot-7.gif":{"filename":"screenshot-7.gif","revision":"2219747","resolution":"7","location":"assets","locale":""}},"screenshots":{"1":"Add \u201cContainer\u201d 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"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,24558,148076,180222,22411],"plugin_category":[50],"plugin_contributors":[129056,127215,151891],"plugin_business_model":[],"class_list":["post-115455","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-container","plugin_tags-gutenberg","plugin_tags-shape-divider","plugin_tags-wrapper","plugin_category-media","plugin_contributors-gookaani","plugin_contributors-mahdiyazdani","plugin_contributors-mypreview","plugin_committers-mahdiyazdani"],"banners":{"banner":"https:\/\/ps.w.org\/container-block\/assets\/banner-772x250.jpg?rev=2219747","banner_2x":"https:\/\/ps.w.org\/container-block\/assets\/banner-1544x500.jpg?rev=2219747","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/container-block\/assets\/icon-128x128.png?rev=2219747","icon_2x":"https:\/\/ps.w.org\/container-block\/assets\/icon-256x256.png?rev=2219747","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-1.png?rev=2219747","caption":"Add \u201cContainer\u201d block"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-2.png?rev=2219747","caption":"Scroll down icon"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-3.png?rev=2219747","caption":"Border settings"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-4.png?rev=2219747","caption":"Box-shadow settings"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-5.png?rev=2219747","caption":"Blur shape (divider\/graphic)"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-6.png?rev=2219747","caption":"Blur shape (divider\/graphic)"},{"src":"https:\/\/ps.w.org\/container-block\/assets\/screenshot-7.gif?rev=2219747","caption":"Sliding background effect"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p><strong>Key Features<\/strong><\/p>\n\n<ul>\n<li>Maximum width<\/li>\n<li>Full-height\n\n<ul>\n<li>Vertically align top.<\/li>\n<li>Vertically align center.<\/li>\n<li>Vertically align bottom.<\/li>\n<\/ul><\/li>\n<li>Scroll down icon \u2014 A scrolling mouse wheel animation that will offer direction to the user.\n\n<ul>\n<li>Element ID \u2014 Smoothly scroll the window to a specific element or tag ID within the page.<\/li>\n<li>Color<\/li>\n<\/ul><\/li>\n<li>Visibility\n\n<ul>\n<li>Desktop<\/li>\n<li>Laptop<\/li>\n<li>Tablet<\/li>\n<li>Smartphone<\/li>\n<\/ul><\/li>\n<li>Horizontal spacing\n\n<ul>\n<li>Desktop<\/li>\n<li>Laptop<\/li>\n<li>Tablet<\/li>\n<li>Smartphone<\/li>\n<\/ul><\/li>\n<li>Alignment\n\n<ul>\n<li>Desktop<\/li>\n<li>Laptop<\/li>\n<li>Tablet<\/li>\n<li>Smartphone<\/li>\n<\/ul><\/li>\n<li>Link to\n\n<ul>\n<li>Page address or URL.<\/li>\n<li>Open in a new window.<\/li>\n<\/ul><\/li>\n<li>Border\n\n<ul>\n<li>Width \u2014 Sets a width for the borders.<\/li>\n<li>Radius \u2014 Defines the radius of the corners.<\/li>\n<li>Color<\/li>\n<\/ul><\/li>\n<li>Shadow \u2014 Adds a box-shadow to the block.<\/li>\n<li>Shape \u2014 Multiple shapes to use as separators for sections or as the background graphic.\n\n<ul>\n<li>Height \u2014 A few of the shapes such as \u201cSimple\u201d are adjustable.<\/li>\n<li>Color<\/li>\n<\/ul><\/li>\n<li>Animation on scroll\n\n<ul>\n<li>Type \u2014 Allows you to animate elements as you scroll down, and up.<\/li>\n<li>Ease \u2014 Timing function to ease elements in different ways.<\/li>\n<li>Offset \u2014 Offset to trigger animation sooner or later in pixels.<\/li>\n<li>Delay \u2014 Delay the animation.<\/li>\n<li>Duration \u2014 Duration of animation.<\/li>\n<li>Run once \u2014 Whether animation should fire once, or every time you scroll up\/down to the block.<\/li>\n<\/ul><\/li>\n<li>Background image\n\n<ul>\n<li>Position \u2014 Sets the starting position of the background image; \u201cFocal Point Picker\u201d support.<\/li>\n<li>Repeat \u2014 Sets if and how the background image will be repeated.<\/li>\n<li>Size \u2014 Sets the size of the background image.<\/li>\n<li>Parallax \u2014 Not scrolling the background image with the page.<\/li>\n<li>Sliding background effect \u2014 Supports \u201cLeft to Right\u201d and vice versa.<\/li>\n<\/ul><\/li>\n<li>Background video<\/li>\n<li>Background color<\/li>\n<li>Overlay opacity<\/li>\n<li>Align full and wide support<\/li>\n<li>Aria label \u2014 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.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>Minimum Requirements<\/h4>\n\n<ul>\n<li>PHP version 7.2 or greater.<\/li>\n<li>MySQL version 5.6 or greater or MariaDB version 10.0 or greater.<\/li>\n<li>WordPress version 5.0 or greater.<\/li>\n<\/ul>\n\n<h4>Automatic installation<\/h4>\n\n<p>Automatic installation is the easiest option \u2014 WordPress will handle the file transfer, and you won\u2019t 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 \u201cAdd New.\u201d<\/p>\n\n<p>In the search field type \u201cContainer Block\u201d, then click \u201cSearch Plugins.\u201d Once you\u2019ve found the plugin, you can view details about it such as the point release, rating, and description. Click \u201cInstall Now,\u201d and WordPress will take it from there.<\/p>\n\n<h4>Manual installation<\/h4>\n\n<p>The manual installation method requires downloading the plugin and uploading it to your webserver via your favorite FTP application. The WordPress codex contains <a href=\"https:\/\/wordpress.org\/support\/article\/managing-plugins\/#manual-plugin-installation\" title=\"Manual plugin installation\">instructions on how to do this here<\/a>.<\/p>\n\n<h4>Updating<\/h4>\n\n<p>Automatic updates should work smoothly, but we still recommend you back up your site.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>How do I use the block?<\/dt>\n<dd><ol>\n<li>Log into your WordPress website and navigate to Dashboard.<\/li>\n<li>Create a new page, by visiting \u201cPages\u201d \u00bb \u201cAdd New\u201d.<\/li>\n<li>Click on the \u201cAdd Block\u201d button and select the \u201cContainer\u201d block. Alternatively, you can start typing <code>\/container<\/code> in a new paragraph block, then press enter.<\/li>\n<li>\u201cContainer Block\u201d can contain other blocks. You can add content by clicking the <code>+<\/code> icon and picking a block.<\/li>\n<li>Publish the page.<\/li>\n<\/ol><\/dd>\n<dt>Why should I use a container block in a page?<\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt>How do I get help with the plugin?<\/dt>\n<dd><p>The easiest way to receive support is to \u201cCreate a new topic\u201d by visiting Community Forums page <a href=\"https:\/\/wordpress.org\/support\/plugin\/container-block\" title=\"Container Block Support Forum\">here<\/a>.<\/p>\n\n<p>Make sure to check the \u201cNotify me of follow-up replies via email\u201d checkbox to receive notifications, as soon as a reply posted to your question or inquiry.<\/p>\n\n<p><em>Please note that this is an opensource 100% volunteer project, and it\u2019s not unusual to get reply days or even weeks later.<\/em><\/p><\/dd>\n<dt>Can I help in translating this plugin into a new language?<\/dt>\n<dd><p>The plugin is fully translation-ready and localized using the GNU framework, and translators are welcome to contribute to the plugin.<\/p>\n\n<p>Here\u2019s the <a href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/container-block\" title=\"WordPress translation website\">WordPress translation website &#8594;<\/a><\/p><\/dd>\n<dt>How do I contribute to this plugin?<\/dt>\n<dd><p>We welcome contributions in any form, and you can help reporting, testing, and detailing bugs.<\/p>\n\n<p>Here\u2019s the <a href=\"https:\/\/github.com\/mypreview\/container-block\" title=\"GitHub development repository\">GitHub development repository &#8594;<\/a><\/p><\/dd>\n<dt>Did you like the idea behind this plugin?<\/dt>\n<dd><p>Please share your experience by leaving this plugin <a href=\"https:\/\/wordpress.org\/support\/plugin\/container-block\/reviews\/\" title=\"Rate Container Block 5 stars\">5 shining stars<\/a> if you like it, thanks!<\/p><\/dd>\n<dt>I need help customizing this plugin?<\/dt>\n<dd><p>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.<\/p>\n\n<p><a href=\"https:\/\/www.upwork.com\/o\/profiles\/users\/_~016ad17ad3fc5cce94\/\" title=\"Mahdi Yazdani Freelancer Profile\">Hire me on UpWork &#8594;<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Multiple code standards improvements.<\/li>\n<li>Compatibility with WordPress 5.4.0<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Code tidy.<\/li>\n<li>New range controls to have full control over the margins.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A Gutenberg editor block used for wrapping several blocks in a parent wrapper.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/115455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=115455"}],"author":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mahdiyazdani"}],"wp:attachment":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=115455"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=115455"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=115455"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=115455"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=115455"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=115455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}