WordPress Elementorページビルダーでアニメーション効果を使用する

2

無料ページビルダーである Elementorは、さまざまなアニメーション効果を適用することができるオプションが提供されます。

Elementorでアニメーション効果を適用するには、アニメーション効果を適用するセクションやカラムの上にマウスカーソルを投稿次の セクション編集 또는 列の編集 ボタンをクリックします(下の図では(1))。

WordPress Elementorページビルダーでアニメーション効果を使用する

その後、上記の図のように左のパネルに編集可能なオプションが表示されます。

上部のLayout(レイアウト)、Style(スタイル)、Advanced(詳細)]タブの中で 高度な タブをクリックします(2)。

その後、高度なオプションが表示されます。 Entrance Animationでは、次のような効果を選択することができます。

  • Fading(フェード):Fade in、fade in up、down、left、right
  • Zooming(拡大/縮小):Zoom in、zoom in up、down、left、right、
  • Bouncing(バウンス):Bounce in、bounce in up、down、left、right
  • Sliding(スライド):Slide in up、down、left、right
  • Rotating(回転):Rotate in、rotate in down left、down right、up left、up right
  • Attention seekers:Bounce、flash、pulse、rubber band、shake、head shake、swing、tada、wobble、jello
  • Light speed in
  • Roll in

Entrance Animationでアニメーション効果を選択すると、すぐ下に Animation Duration(アニメーションの継続時間)Animation Delay(アニメーション遅延) オプションが表示されます。

Elementorページビルダーアニメーション効果

例えば、 Slide in upを適用すると、下から上にスライド方式で上がってくる効果が適用されます。

Elementorアニメーション効果

Elementor無料ページビルダーが、まともな機能を提供することです。

メモ:

*いくつかの文にアフィリエイトのリンクを含めることができます。この投稿はGTranslateを使用して翻訳されています。

関連記事

コメント2件
  1. 金庸

    私もエレメンタルビルダーとオーシャンwpテーマを主に使用します。 まあまあのウェブサイトの実装は、多可能と思われる。!! イチオシ!

    1. Word

      OceanWPは無料でありながら速度もよくて、ブログに1つインストールしてテストしています。

      Elementorは無料ですが、機能が大幅に大丈夫という感じを受けました。