マウスホバーでクルッと回転するブロックを追加できるWordPressプラグイン「Flip Box Block」

マウスホバーでクルッと回転するブロックを追加できるWordPressプラグイン「Flip Box Block」

マウスホバーでクルッと回転するブロックを追加できるWordPressプラグイン「Flip Box Block」

Flip Box Blockは、マウスホバーでクルッと回転するコンテンツを作成できるブロックを追加するWordPressプラグインです。

ただ回転するだけではなく、表と裏で別々のブロックを設置できるので、回転させて異なる内容を表示させることができます。

どういうブロックなのかは、以下のデモページを見てもらった方がわかりやすいと思います。

デモページを見る

動画も用意されています。

Flip Box Blockのインストール

インストール手順は以下の通りです。

ファイルをFTPでアップロードしてインストール

  1. Flip Box Blockをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Flip Box Blockを有効化します。

WordPress管理画面でインストール

  1. [プラグイン] – [新規追加]にアクセスします。
  2. 「Flip Box Block」で検索します。
  3. [今すぐインストール]をクリックして、Flip Box Blockをインストールします。
  4. [有効化]をクリックしてプラグインを有効化します。

Flip Box Blockの使い方

投稿編集画面で「Flip Box」ブロックを追加します。

Flip Box Blockの使い方

「Front」に表側のブロックを配置していきます。

表側のブロックを配置

Flip Box全体を選択した状態で、右側のブロックメニューから「Back」を選んで裏側のブロックを配置します。

Balloon settingの中にある「Height」ではブロックの高さを調整できます。

あとがき

表と裏で別々のブロックを表示できるのはおもしろいですね。ブロックの組み合わせ次第で色んな表現ができそうです。

一風変わったコンテンツの見せ方をしたい場合は、ぜひFlip Box Blockを活用してみてはいかがでしょうか。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です