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

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

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

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

 

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

 

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

 

 

“bounceInUp”

 

“flash”

 

“shake”

 

“rotateIn”

 

“hinge”

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

 

“rollIn”

 

広告を挿入

“bounce”

 

“tada”

 

“wobble”

 

“flip”

 

 

“flip” 太文字 24px

 

“fadeInLeftBig”

 

 

“rollIn”

 

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

 

<最新記事>

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

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

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

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

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

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

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

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