sixa Container Block

描述

Combine blocks into a fully customizable wrapper block with sixa Container.
Create more sophisticated designs with more space, colors, gradients, background images, videos and much more.

Features

  • Full-height toggle to automatically stretch Container to full viewport height
  • Content alignment inside container
    • Top left
    • Top center
    • Top right
    • Center left
    • Center center
    • Center right
    • Bottom left
    • Bottom center
    • Bottom right
  • Minimum height in px, %, em, rem, vw, and vh
  • Maximum content width in px, %, em, rem, vw, and vh
  • Background color including gradients directly from your theme
  • Text color
  • Gutenberg alignment (Full-width and wide-width)
  • Background image
    • Custom background size
      • Auto
      • Cover
      • Contain
      • Custom (width and height)
    • Fixed Background
    • Repeated Background
    • Focal Point Picker to adjust background position
    • Background overlay color
    • Background overlay opacity
  • Background video

螢幕截圖

  • Add "Container" block
  • Container as hero section with a background image and a title

Blocks

This plugin provides 1 block.

  • Container Wrap several blocks in a parent wrapper and do more styling

安裝

Minimum Requirements

  • WordPress version 5.7 or greater.
  • PHP version 7.3 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 “Block Data Attribute”, 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 requires downloading the plugin and uploading it to your webserver via your favorite FTP application. The WordPress codex contains a detailed instruction on how to do this.

Updating

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

常見問題

How do I use the block?

  1. Log in to your WordPress website and navigate to the Dashboard.
  2. Create a new page by visiting Pages > Add new or open an existing page in Pages.
  3. Click on the Block Inserter button in the top left and click on the Container block in the Design section. Alternatively, you may start typing /container in a new paragraph block and press enter.
  4. Once you’ve inserted the block, you can use the block settings sidebar to configure the block.
  5. Add blocks in Container by clicking the “+” icon and picking a block. Alternatively, you may add a paragraph block in Container and start typing / to search for blocks.
  6. Configure the height and width of your container, the background and text color in the Inspector controls.
  7. Add a background image or video from the Add Media control button.
  8. Set Container to full-height and adjust the content position from the icon buttons to the left of Add Media in the block controls.
  9. Publish the page.

How do I get help with the plugin?

The easiest way to receive support is to “Create a new topic” by visiting the Community Forums page.

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

Can I help translating this plugin into a new language?

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

Here’s the the WordPress translation website →

How do I contribute to this plugin?

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

Here’s the GitHub development repository →

Did you like the idea behind this plugin?

Please share your experience by leaving this plugin a 5 star review if you like it. Thank you!

I need help customizing this plugin?

We are an online marketing agency specializing in creating tailor-made software for WordPress and WooCommerce.
If you need professional support for this or any other WordPress project, please reach out to us →.

評價

There are no reviews for this plugin.

貢獻者及開發者

“sixa Container Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 sixa Container Block 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.1.3

  • Updated sixa libraries to ensure compatibility with other blocks

1.1.2

  • Fixed incorrect character encoding in block content

1.1.1

  • Added compatibility with WordPress 5.9

1.1.0

  • Add support for sixa Box Shadow and sixa Border extensions

1.0.0

  • Initial release