ある程度コンテンツが見えたら、フェードインして表示させたい。
しかしそれだとCSSだけで実装できないし、JavaScriptはわからない。
そんな場合「Animate It!」と言うワードプレスプラグインがおすすめです。
クラシックエディタを使っている場合は、テキストではなくビジュアルで一度挿入する必要があります。
それをコピーしてページを更新して、テキストにて貼り付けて実装します。
本ページで画像がある程度見えたら下から上に画像がフェードインしてくるはずです
Animate It!を使って動的なアニメーション再生をしよう
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/0fb3a2a7.a3eac612.0fb3a2a8.1146eb94/?me_id=1213310&item_id=21161259&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fbook%2Fcabinet%2F8469%2F9784815618469_1_5.jpg%3F_ex%3D400x400&s=400x400&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
おすすめ記事
-
1
-
クラシックエディタ用のプラグインを作ってみた
制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました [Tab]キー押して空白入れて見やすくインデントしたい！ この記事を書くまでは入れないか、スペースキーを押して誤 ...
-
2
-
クラシックエディタでコード入力をするボタンを追加するプラグインを作ってみた
制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました コード追加ボタンを自由に追加出来たら便利じゃない？ この記事を書くまでは、クリップボード貼り付けアプリ[Clib ...
-
3
-
Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた
アプリ制作するに至った理由 納品代行の仕事をしていて思ったことがあります 納品代行をしていると本当に様々なお客様から様々な商品が届きます その中でも特に注意しているのが、「見た目ほぼ同じだけど違う商品 ...