[WordPress] 外掛分享: Container Block

首頁外掛目錄 › Container Block
WordPress 外掛 Container Block 的封面圖片
50+
安裝啟用
尚無評分
2175 天前
最後更新
問題解決
WordPress 5.2+ PHP 7.2+ v1.2.0 上架:2019-12-29

內容簡介

這是一個完全自訂的 Gutenberg 編輯器區塊,用於將多個區塊放在父包裹中,這樣可以進行更複雜的樣式設定。

主要功能:

最大寬度
全高

垂直置頂。
垂直置中。
垂直置底。

滾動圖示 - 滾動滑鼠滾輪動畫會向使用者提供方向。

元素 ID — 平滑地滾動視窗到頁面中特定元素或標記 ID。
顏色

可見度

桌面
筆記型電腦
平板電腦
智慧型手機

水平間距

桌面
筆記型電腦
平板電腦
智慧型手機

對齊

桌面
筆記型電腦
平板電腦
智慧型手機

連結至

頁面地址或網址。
在新視窗中開啟。

邊框

寬度 — 設定邊框的寬度。
半徑 — 定義邊角的半徑。
顏色

陰影 — 在區塊上新增陰影。
形狀 — 多種形狀可用於區段的分隔符或作為背景圖形。

高度 — 一些形狀,如“簡單”的可調整性高。
顏色

滾動動畫

類型 — 允許您在向下、向上滾動時對元素進行動畫化。
緩和 — 調整動畫元件以不同方式進行緩和的時間函數。
偏移量 — 在像素上提早或延後觸發動畫的偏移量。
延遲 — 延遲動畫。
持續時間 — 動畫的持續時間。
僅運行一次 — 動畫是否應該僅在滾動到區塊時觸發一次,或每次向上/向下滾動時都觸發。

背景圖片

位置 — 設定背景圖片的起始位置;支援“焦點點選器”。
重複 — 設定背景圖片是否以及如何重複顯示。
大小 — 設定背景圖片的大小。
視差效果 — 不與頁面一起滾動背景圖片。
滑動背景效果 — 支援“從左到右”和反之亦然。

背景影片
背景顏色
覆蓋不透明度
全寬全高支援對齊
ARIA 標籤 — 定義一個標籤字串,標籤當前區塊。您可能在區塊內容不可見時使用它。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.2.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Container Block」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon