Title: Flip Block &#8211; Create Flipbox Overlays and Hovers
Author: Taras Dashkevych
Published: <strong>2023 年 6 月 1 日</strong>
Last modified: 2024 年 7 月 23 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/flip-block/assets/icon-256x256.jpg?rev=2968955)

# Flip Block – Create Flipbox Overlays and Hovers

 作者：[Taras Dashkevych](https://profiles.wordpress.org/taskotr/)

[下载](https://downloads.wordpress.org/plugin/flip-block.0.1.3.zip)

 * [详情](https://cn.wordpress.org/plugins/flip-block/#description)
 * [评价](https://cn.wordpress.org/plugins/flip-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/flip-block/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/flip-block/#developers)

 [支持](https://wordpress.org/support/plugin/flip-block/)

## 描述

Flip Block is easy-to-use block to create interactive flip cards in WordPress. Showcase
images, text, or other elements to encourage user interaction.

Flip Block is perfect for displaying services, team members, or other information
in a visually appealing manner.

Flip Block comes with an intuitive interface and flexible customization options.
You can control the width, height, and perspective of the flip cards, ensuring they
fit seamlessly into your website’s design.

## 屏幕截图

 * [[
 * Preview of Flip Block.
 * [[
 * Preview of block container.
 * [[
 * Preview of block front side.
 * [[
 * Preview of block back side.

## 区块

该插件提供了 2 个区块.

 *   Flip Block Flip card container.
 *   Flip Side Side of a flip card.

## 安装

 1. Choose one of the following options:
 2.  * Go to Plugins  Add New in your WordPress dashboard, search for “Flip Block”,
       and click “Install”.
     * Download the Flip Block plugin from WordPress.org, ensure the folder is zipped,
       and then upload it via Plugins  Add New  Upload.
     * Open the block inserter within the Block Editor, search for “icon”, and the 
       plugin should appear, allowing you to install it directly. Skip steps 2 and 
       3.
 3. Activate the plugin through the ‘Plugins’ screen in WordPress.
 4. Search for the block within the Block Editor and start using it.

## 评价

![](https://secure.gravatar.com/avatar/16000b58d3e24f081ac124700b21e73364faf6887d9bab03c6e413f8874d2f2b?
s=60&d=retro&r=g)

### 󠀁[Works like a charm](https://wordpress.org/support/topic/works-like-a-charm-2280/)󠁿

 [Marc](https://profiles.wordpress.org/mdxfr/) 2023 年 12 月 14 日

It’s a KISS plugin, that works well even on mobile, and in association with other
gutenberg blocks options (center, align, margin, padding). Could be nice to be able
to change the effect direction directly from the block settings (up/down/left/right),
otherwise we have to overide the css. Keep it up, and many thanks !

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/flip-block/reviews/)

## 贡献者及开发者

「Flip Block – Create Flipbox Overlays and Hovers」是开源软件。 以下人员对此插件
做出了贡献。

贡献者

 *   [ Taras Dashkevych ](https://profiles.wordpress.org/taskotr/)

「Flip Block – Create Flipbox Overlays and Hovers」插件已被翻译至 1 种本地化语言。
感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/flip-block/contributors)
为本插件所做的贡献。

[帮助将「Flip Block – Create Flipbox Overlays and Hovers」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/flip-block)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/flip-block/)，查看[SVN仓库](https://plugins.svn.wordpress.org/flip-block/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/flip-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/flip-block/)。

## 更新日志

#### 0.1.3

 * Update: default block settings with support for older versions;
 * Update: set different colors and backgrounds in flip sides as defaults;
 * Update: set default spacing in flip sides;
 * Update: prevent having not enough flip sides in flip block to avoid potential
   style issues;
 * Update: improve navigation between flip block card and flip sides;
 * Update: integrate new option to flip block, alowing to select flip side within
   block settings in editor sidebar;

#### 0.1.2

 * Fix: overflow issue in Firefox;

#### 0.1.1

 * Update: make Padding controls visible for Side block by default;
 * Update: improve placeholder labels for Side blocks;
 * Fix: width issue in block inserter;

#### 0.1.0

 * Release

## 额外信息

 *  版本 **0.1.3**
 *  最后更新：**2 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 6.2 或更高版本 **
 *  已测试的最高版本为 **6.6.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/flip-block/) 和 [German](https://de.wordpress.org/plugins/flip-block/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/flip-block)
 * 标签
 * [flip box](https://cn.wordpress.org/plugins/tags/flip-box/)[flip card](https://cn.wordpress.org/plugins/tags/flip-card/)
   [flipbox](https://cn.wordpress.org/plugins/tags/flipbox/)[hover box](https://cn.wordpress.org/plugins/tags/hover-box/)
 *  [高级视图](https://cn.wordpress.org/plugins/flip-block/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/flip-block/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/flip-block/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/flip-block/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/flip-block/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/flip-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/flip-block/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/flip-block/reviews/)

## 贡献者

 *   [ Taras Dashkevych ](https://profiles.wordpress.org/taskotr/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/flip-block/)