要素にアニメーションをつける　プラグイン「Shortcodes Ultimate」

18.11.13

「Shortcodes Ultimate」プラグイン使用する。

「Shortcodes Ultimate」でプラグインを検索→有効化。
これで使えるようになる。

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

上記サイトで動きのサンプルを確認したら、そのショートコードを記入。

例：フェードイン

 [su_animate type="fadeIn" duration="1.5" delay="0.5"]画像を挿入[/su_animate]

1	[su_animate type="fadeIn" duration="1.5" delay="0.5"]画像を挿入[/su_animate]

トップページ（index.php）で使用する場合は以下のように記入

<?php echo do_shortcode('
[su_animate type="fadeInUp" duration="1.5" delay="0.7"]  
コンテンツなど・・・
[/su_animate]
'); ?>

<?php echo do_shortcode('

[su_animate type="fadeInUp" duration="1.5" delay="0.7"]

コンテンツなど・・・

[/su_animate]

'); ?>

phpタグの中にphpをいれるとエラーが出てしまうので、imgタグはphpで出力するのではなく絶対値などにしておくこと。