これから Nishiki Pro
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. 「アニメーション」ブロック

このページでは Nishiki Pro テーマで使える(バージョン 1.0.210 以降)「アニメーション」ブロックについて解説しています。(AMP ページでは対応していません)

アニメーションは、ウェブサイトに動きをつけたい時に便利ですね。ブロック単位でアニメーションのタイプ、時間の設定ができます。

アニメーションさせたいブロックを入れよう!

「アニメーション」ブロックの使い方はとてもシンプルです。アニメーションさせたいブロックを入れるだけです。どんなブロックでも入れられます。

他のブロックを入れられます

アニメーションのタイプ

一覧の中からアニメーションのタイプを選んでください(タイプは今後増える可能性があります)。

時間の設定

ブロック単位で実行時間(終了時間)、遅れ(開始時間)の設定ができます。

嬉しい「プレビュー」機能付き

アニメーションの確認や、細かい調整を行うため、プレビュー機能が付いています。

多用は避けよう。「ここだ!」という場面で使うと効果的

よく、「アニメーションはかっこいいんだけど・・・動きに気を取られて内容が頭に入ってこない!」なんてウェブサイトに出会うことはありませんか?

アニメーションを多用しているウェブサイトはとても読みにくいです。「動きすぎ」ですね。

ですので、「アニメーション」ブロックは、ウェブサイトや 1 ページ内でたくさん使うのではなく、「目立たせたい、注目を引きたいコンテンツ」に対して「ここだ!」と思う箇所に使うと効果的でおすすめです。

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載した WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など