ブログを個性的に!WordPressでアニメーションを入れる方法

この記事の読了時間は約 3 分です。

この記事は
・アクセスアップがしたい
・アニメーションを活用したい!
・個性的なブログにしたい。


という あなた のための記事です。


 

 

 

 

 

 

ずっと平社員の国吉さん
んげ!
なんだ?突然!現れたぞ!

 

ちびちゃんび
面白いでしょ?
今日は、WordPressを使っているあなた必見!
初心者でも簡単にアニメーションをつける方法をご紹介します♪

 

難しい操作は不要!誰でも簡単にアニメーションをつける方法

ちびちゃんび
まぁ
単純に言えば、プラグインを使ってアニメーションをつけます。

ずっと平社員の国吉さん
おお!
プラグインかぁ。

 

※WordPressを使っているなら、プラグインの説明・・・
いらないと判断して?(笑)

説明しないよ~
分からなかったら、自分で検索してね~


 

ちびちゃんび
使うプラグインは「Shortcodes Ultimate」というプラグインだよ♪
プラグインの「新規追加」から検索して、インストール→有効化までやってね。

 

Shortcodes Ultimateの操作方法

 

1.インストールして、普通に記事の投稿を押すと、
下記の画像のように「ショートコードを挿入」というボタンがでるので、
これをクリックします



 

 

 

 

 

 

2.すると、この↓ような画面がでるので「アニメーション」を選択します。



 

 

 

 

 

 

 

 

ちびちゃんび
みえにくかったら
画像をクリックするとでっかくなるよ。

 

3.するとこんな画面になります。↓↓
「アニメーション」というところが、動きのパターンです。



 

 

 

 

 

 

 

 

 

 

 

ちびちゃんび
動きのパターン
数えてみたら61種類あったよ!
すご~い。。

 

4.つぎに「持続時間」というのは
アニメーションの現れている時間で、
「遅延」っていうのが、読者が目にしてから何秒後に表示するかって意味です。

 



 

 

 

 

 

 

 

ちびちゃんび
このへんは
試しながらやってみてね。。

 

5.そして、「コンテンツ」というところに
文字をいれてみます。

↓こんなかんじ↓



 

 

 

 

 

 

 

 

 

 

 

 

 

 

※「インライン」と「クラス」はどういう意味かわかんない・・
調べたかったら調べてね(←適当?)

 

6.その下のプレビューを押すと、
どんな動きをするのか見れます。



 

 

 

 

 

 

 

ちびちゃんび
プレビューは
「コンテンツ」の下らへんにでるから、
見逃さないようにね。
ちなみに、一回プレビューをおしたら、もう一回って押せないんだよ

これはめんどくさいと思った・・

 

7.プレビューで確認してOKだったら「ショートコードを挿入」を押します

↓こんな感じ↓



 

 

 

 

 

 

 

 

8.すると、こんな感じのソースコードができました↓↓

 

9.文字じゃなくって画像を入れることもできます。
この「もじがうごくぞ」というところに、画像を入れ込むだけです。

ちびちゃんび
そうね~

]もじがうごくぞ[

この][の間に画像「メディアを追加」から入れてくださいね♪

 

文字をでかくすることも出来る!


 

アニメーションタイプ「rollIn」です↑

 

 

 

 

 

 


 

アニメーションタイプ「swing」です↑

ずっと平社員の国吉さん
なんか面白い!

ちびちゃんび
よかった~
これだけで、個性的になるよね・・

しかも、アニメーションを入れると、
人は動くものに目がいくっていうしね。

注目!って言うときに使うと効果的だよね♪
遊びながらやってみてね~

 

参考になったらポチッとお願いします♪

4 Responses to “ブログを個性的に!WordPressでアニメーションを入れる方法”

  1. はまぞふ より:

    ちゃんびさん、こんにちは。
    はまぞふです。

    面白いですね^^

    こんなプラグインがあるなんて
    驚きでした^^

    こういうサイトではあまり
    アニメーションするサイトは見かけませんので、
    思った以上に見ている人の目を惹きますね!

    僕も取り入れてみようかと思います^^

    良い情報ありがとうございます。
    応援完了です^^

    • channbi より:

      はまぞふさん

      こんにちは!
      わ~私がすっごく参考にしているはまぞふさんなので、
      「知らなかった」というのがびっくりしました!
      というか、すごく嬉しいです。

      また訪問してくれたら嬉しいです♪

  2. 美鈴 より:

    ちゃんびさん、こんにちは~。
    美鈴です!

    「Shortcodes Ultimate」という
    プラグインがあるんですね~。
    知りませんでした!

    やっぱり文字が動くと目を惹きますね♪
    面白そうなので試しにインストールして
    遊んでみようと思います(*´▽`*)

    ステキな情報をありがとうございました!
    応援していきますね~

    • channbi より:

      美鈴さん

      またお越しくださったんですね~
      美鈴さんもそうなんですか?
      以外と知られていないんですね。

      というか、私も最近知ったんですけど(笑)

      応援ありがとうございます
      ぜひ遊んでくださいね

コメントを残す

CAPTCHA


このページの先頭へ