要素にアニメーションをつける プラグイン「Shortcodes Ultimate」
18.11.13
「Shortcodes Ultimate」プラグイン使用する。
「Shortcodes Ultimate」でプラグインを検索→有効化。
これで使えるようになる。
各動きの参考サイト
上記サイトで動きのサンプルを確認したら、そのショートコードを記入。
例:フェードイン
1 |
[su_animate type="fadeIn" duration="1.5" delay="0.5"]画像を挿入[/su_animate] |
トップページ(index.php)で使用する場合は以下のように記入
1 2 3 4 5 |
<?php echo do_shortcode(' [su_animate type="fadeInUp" duration="1.5" delay="0.7"] コンテンツなど・・・ [/su_animate] '); ?> |
phpタグの中にphpをいれるとエラーが出てしまうので、imgタグはphpで出力するのではなく絶対値などにしておくこと。
関連記事
-
2019.04.05 マウスオーバーした時に画像がふわっと大きくなる方法
-
2022.08.29 Googleリキャプチャ(reCAPTCHA)v3の導入
-
2018.11.15 firefoxのバージョンとfirebugの互換性
-
2024.02.01 Advanced Custom Fieldsのチェックボックス条件分岐方法
-
2018.10.27 センスの良いフォント フリー集