ブログ運営

【アフィンガー5】ブログに動きを付ける方法|初心者でも簡単

アフィンガー5でブログに動きを付ける方法

悩んでる人
文字が動いたりしてるブログがあるけどどうやってるの?

ブログに動きを付けたい


こんなお悩みを解決します。

kawateru
こんにちは、かわてるです!(@kaz_lion)

いろんな人のブログやWebサイトを見ていると、

アニメーションなどの動きがあるサイトをたまに見かけますよね。

 

ブログでも文字だけ動かしたり、

アイコンを動かしている方をたまに見かけます。

 

そこで今回はアフィンガー5に備え付けられている、

アニメーション機能について解説していきます。

 

 

本記事の内容

  • アフィンガー5でブログに動きを付ける方法
  • ブログに動きを付けるメリット
  • ブログに動きを付けるデメリット

 

本記事のテーマ

【アフィンガー5】ブログに動きを付ける方法|初心者でも簡単

 

本記事の信頼性
kawateru_profile

アフィンガー5でブログに動きを付ける方法

早速アフィンガー5でブログに動きを付けていきましょう。

 

アフィンガー5のアニメーションは記事を書く画面で付けていきます。

 

アフィンガー5でブログに動きを付ける手順

ブログに動きを付ける手順

 

動きを付けたい文字を選択して、

ツールバーのスタイル➜アニメーション➜好きなアニメーションを選ぶ

 

するとこんな感じで文字の左側に「動」というアイコンが表示されます。

ブログに動きを付ける

 

たったこれっだけでアニメーションが付けれています(笑)

実際にプレビューしてみてみましょう。

 

アフィンガー5でブログに動きを付ける

大小というアニメーションを付けた例です。

 

他にも

 

 

回転させるアニメーション

 

 

点滅するアニメーション

 

 

など色々あります。

 

画像にも動きを付ける

アフィンガー5のアニメーション機能は、

挿入した画像にも応用できます。

 

 

 

 

目が回りそうですね(笑)

 

アフィンガー5でブログに動きを付けるのは簡単にできるということがわかった所で、

ブログに動き(アニメーション)を付けるメリットとデメリットがあるので順に見ていきましょう。

 

ブログに動きを付けるメリット

ブログに動きを付けるメリットとしては、

読者の目を引けるということです。

 

全く動きのない文字と画像のみのブログでも、

記事の1部分が動いているだけでその部分に注目を集めることができます。

 

もちろん動きをつけすぎると

ごちゃごちゃしてしまいますのでアクセントとして使う程度がおすすめです。

 

ブログに動きを付けるデメリット

ブログに動きを付けるのは簡単ですが、

もちろんデメリットもあります。

 

アニメーションを付ける最大のデメリットはサイトが重くなってしまう点。

 

全く動きのないページと動きのあるページでは、

やはり動きのないページの方が軽いですし、

読み込みも早いです。

 

使いだすと面白いアニメーション機能ですが、

多用は禁物です!!

 

まとめ「アフィンガー5でブログに動きを付ける方法」

ブログやWebサイトに動きがあると、

読者の注意を引けるので離脱の防止にもつながります。

 

アフィンガー5を使っている方はもともと備わって居る機能なので、

ぜひ使ってみて下さい!

 

おすすめASP

こちらもCHECK

失敗しないWordPressブログの始め方
【超初心者向け】失敗しないWordPressブログの始め方を解説!

続きを見る

こちらもCHECK

初心者向けアフィリエイトASP
【初心者ブロガー必見】初めに登録すべきアフィリエイトASP5社!

続きを見る

 

  • この記事を書いた人
  • 最新記事

kawateru

【ブログ運営】×【Twitter運用】×【エンジニア】 3月からWordPressに移行しました。 4年間ブラック飲食→MGになるも28歳で退職→未経験から開発エンジニアに転職→最短でフリーランス目指す‼ ●大阪出身 ●28歳 ●1児のパパ

-ブログ運営
-,

Copyright© Kawateru blog , 2020 All Rights Reserved Powered by AFFINGER5.