【AFFINGER6(アフィンガー6)使い方】文字にアニメーションを付ける方法
【AFFINGER6(アフィンガー6)使い方】文字にアニメーションを付ける方法
まずは、どんなアニメーションがあるのか紹介しますね☺️
| アニメーション (クラス) | 文字装飾 | 画像装飾 |
| 45°揺れ | 45°揺れ |
|
| ベル揺れ | ベル揺れ |
|
| 横揺れ | 横ゆれ |
|
| 縦揺れ | 縦揺れ |
|
| 点滅 | 点滅 |
|
| バウンド | バウンド |
|
| 回転 | 回転 |
|
| ふわふわ | ふわふわ |
|
| 大小 | 大小 |
|
| シェイク | シェイク |
|
| シェイク(強) | シェイク(強) |
|
| 拡大(ゆれ) | 拡大(ゆれ) |
|
| 過ぎる | 過ぎる |
|
| 戻る | 戻る |
|
| バースト | バースト |
|
| 落ちる | 落ちる |
|
いかがですか?
ものすごいアクセントになって、より記事に愛着が沸くようになりますよね🤗
それでは使い方の解説をしていきます✨
step
1"を押す

step
2ブロックのテキストから"クラシック"を選択

step
3書く場所に出てきた"クラシック"をクリックする

step
4"スタイル"から"アニメーション"を選択すると多数のアニメーションが出るので、好みのものを選択

step
5この青い"動"のアイコンのとなりに文字または画像を入れれば完成
文字にアニメーション付ける方法
"動"アイコンの右側に文字を入力すればOK

できましたか?😊
画像にアニメーション付ける方法
①"挿入を押す。
②"メディアを追加"を押し、画像を挿入する。


ぜひ、ステキなブログのアレンジに使ってみてくださいね🤗
また、アイコン(FontAwesome5)にアニメーションを付ける方法をお探しの方は、の記事で解説していますのでご覧ください✨
-

【AFFINGER6(アフィンガー6)使い方】FontAwesome5のアイコンにアニメーションを付ける方法
【AFFINGER6(アフィンガー6)使い方】FontAwesome5のアイコンにアニメーションを付ける方法 みなさま、おはこんばんは☺️今回は、FontAwesome5の ...
続きを見る

AFFINGER6の使い方
AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。
こんなページもあります
トップページのカスタマイズ
お知らせの作成方法
タブ式カテゴリー一覧の作成方法
カテゴリー一覧(スライドショー)の作成方法
"TOPに戻るボタン"のカスタマイズ方法
ヘッダーカードの作成方法
ボックスメニューの使い方② サイドバーへの表示方法
スライドショーの下にお知らせを挿入する方法
流れる文字の表示方法
記事の書き方
ブロックエディタ基本的な使い方
ブロックエディタの装飾一覧
タグ機能の装飾一覧
光るボタンの作り方
文字にアニメーションをつける方法
フォント(Google Fonts)の設定方法
FontAwesome5のアイコンにアニメーションを付ける方法
ボックスメニューの使い方①
ブログカードの作り方&カスタマイズ方法
吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

















