ワードプレスで出来るたのしいこと!テクニック編~肩番32

ワードプレスで出来るたのしいこと!テクニック編~肩番32

ワードプレスっていろんなプラグインを取り
入れることで、自分の好みの表記が出来るよ
うになります。

筆者もいろいろ試しているところですが、
主に文字でどんな「アニメーション表記」
ができるか試してみました。

文字だけでなく、なんとgifアニメも動かせます。

 

以下は、gifアニメ+ショートコード(すでに該当
プラグインを入れています。)で、アニメーション
を使っています。

 

 

“bounceInUp”

華麗な文字装飾

 

“flash”

華麗な文字装飾

 

“shake”

華麗な文字装飾

 

“rotateIn”

華麗な文字装飾

 

“hinge”

こりゃあかん

文字が落ちてしまいます。 持続時間を5秒に設定

 

“rollIn”

華麗な文字装飾

 

広告を挿入

“bounce”

他にどんな効果があるのかな?

 

“tada”

ABCDEFG  HIJKLMN

 

“wobble”

素敵な話 楽しい話題!

 

“flip”

素敵な話 楽しい話題!

 

 

“flip” 太文字 24px

素敵な話 楽しい話題!

 

“fadeInLeftBig”

素敵な話 楽しい話題!

 

 

“rollIn”

素敵な話 楽しい話題!

 

ま、何事もやってみないとわかりませんよね?

 

<最新記事>

ワードプレスのアニメーションキャラは
「Shortcodes Ultimate」というプラグイン
を有効化
すれば画像もGIFアニメも動かす
ことが出来ます。

*すでに肩番通りに進めていればこのプラグ
インはインストール済みで”ショートコード
を挿入”というボタンも生成されています。

*非常に参考になった記事がこれです。

関連記事:
めっちゃ動くよ!CSSも知らない初心者がWordPressでアニメーションさせる方法

画像を動かしたい場合は、ping.画像か、
背景が白色のjpeg.を使うと境界線がわから
なくなるかもしれません。

試してみる価値あるかも?

*試してみたけど、もともとの画像に問題が
あるのか、加工方法に問題があるのかわかり
ませんが枠囲いがあるようになってしまいま
した。

このような編集した動画も掲載できます。

問い合わせいただければ、そのノウハウを
コッソリ教えてもいいかも?

もちろんワードプレスでブログを始められて
おられる方限定情報となります。

[PR]

使うと楽しい!カテゴリの最新記事