今回は、ブログの中に便利な「動くボタン」を設置してみます!

 

これはブログだけでなく、ワードプレスを使ってホームページを作成する際にも非常に便利です!

 

例えば「購入ボタン」を見栄え良くして、注意を引くために動かす!と言ったことも可能です。

色々と応用出来るので、ご活用ください!

 

まずはプラグインの「Shortcodes Ultimate」を検索してインストールします。

 

 

使い方は簡単です!

普通に記事に書くときに、新しくできた下図の「ショートコード」から配置するだけです。

 

 

今回は「動くボタン」なので、「アニメーション」と「ボタン」を利用します。

最初に「アニメーション」をクリック!

 

 

「アニメーションの種類」「速度」などを調整して、「ショートコードを挿入」をクリックします。

 

 

すると文字列が出てきますので、この列の中にある「アニメーションコンテンツ」と言う文字を削除して、この場所に再び「ショートコードを挿入」します。

先ほどは「アニメーション」を選択しましたが、次は「ボタン」をクリックして下さい。

 

 

ボタンにリンクを埋め込む場合は「リンク欄」に貼り付けます。

「スタイル」「大きさ」はお好みで色々と試してみて下さい。

 

 

中央に配列する場合は下図のように「中央」を「はい」にします。

 

 

色々な設定が可能ですので、一度ご自身で各所を調整してみて下さい!

 

 

最後に「ショートコードを挿入」をクリックします!

 

 

これで下図のように、ボタンが配置されます!

選んだタイプのアニメーション通りの動きがあるので、見た人は注目すること間違いなしですね!!

 

 

「ボタン」だけでなく、イラストでも文字でもアニメーション化出来るのでアレンジ要素が大きいプラグインです。

アニメーションの種類は60種類以上あるので、お好きなものをお選び下さい!

 

今回は以上です、お疲れ様でした!!

 

 




 

 

LINE@登録で、オイシイ情報をイチ早くお届け!

「お金儲け」は情報の信頼性とスピードが命です!

オイシイ情報をいち早くお届けします!【裏情報】等も!

「登録方法」など分からない!と言う質問にも親身になってお答えします。

友達登録お願いします!(*^▽^*)

友だち追加

LINE ID : @gzf4827c

(ジー・ゼット・エフ・ヨン・ハチ・ニ・ナナ・シー)