最短で確実に稼げるブログ作成を目指しています

【Shortcodes Ultimate】プラグインで文字や画像をアニメーションさせよう

WRITER
 




この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

このように、視覚的にユーザーに訴える装飾をすると言うのもいいかも。

ただのテキストばかりのブログよりも、少し遊びを効かせた記事の方が、書き手にもユーザーにも楽しめるのではないかと思いますね。

ということで、今回は「Shortcodes Ultimate」というプラグインの紹介です。

色んな機能満載のプラグインなのですが、今回は「アニメーション」についての説明です。

 

「Shortcodes Ultimate」インストールから有効化

 

 

 

ダッシュボードのプラグインから「新規追加」をクリックします。

 

 

キーワードにShortcodes Ultimateと入力します。

Shortcodes Ultimateが表示されたら「今すぐインストール」をクリックします。

 

 

インストールが完了したら「有効化」をクリックします。

これで「Shortcodes Ultimate」の導入と有効化の完了です。

スポンサーサイト

 

文字にアニメーションをつける

 

 

「Shortcodes Ultimate」のインストールと有効化ができていると、記事投稿画面に「ショートコードを挿入」という項目ができていると思います。

記事中にアニメーションを入れたい場所を選択し、「ショートコードを挿入」をクリックします。

 

 

次の画面にある「アニメーション」をクリックします。

 

 

するとこのような画面が現れます。

 

  • アニメーション・・・ここで、アニメーションの選択ができます。
  • 持続時間・・・この数値をスライドで変更します。アニメーションの持続する時間を変更します。1.5~3.0くらいまでがお勧めです。
  • 遅延・・・文字や画像が表示されてから何秒後に動かすかという設定ができます。あまり遅くするとスクロールされてしまいます。0.5~2.0くらい。

 

 

「アニメーション」の▼をクリックして、アニメーションを選択します。

英語表記なので、分からない場合は、「ライブプレビュー」をクリックしましょう。

 

 

すると、プレビューが現れて、選んだアニメーションの動きか確認できます。

アニメーションが決まったら「ショートコードを挿入」をクリックします。

 

 

記事にアニメーションのコードが挿入されます。

文字の部分を削除して、文字を入力します。

そのままではアニメーションが見れないので「プレビュー」をクリックして確認してください。

これで、文字にアニメーションをつける方法は完了です。

先に文字を入力して、その文字をマウスで選択した状態にして、アニメーションを挿入することもできます。

 

画像にアニメーションをつける

 

画像も基本的に、文字と同じです。

 

 

先ほどのように、アニメーションをを選択してコードが挿入されたら文字の部分を削除して「メディアを追加」をクリックして好きな画像を選択して挿入しましょう。

 

画像のURLをコピーして貼り付けでも大丈夫です。

「メディアを追加」画面の添付ファイルの詳細にあるURLをコピーして貼り付けでOKです。

 

これでアニメーションの説明は完了です。

 

まとめ

 

「Shortcodes Ultimate」というプラグインは、非常に多機能で便利です。

今回はアニメーションについての説明だけでしたが、便利なので是非使ってみてください。

記事を書くのが楽しくなればいいですね。

ここまでお疲れ様でした。

稼げるブログ!

開設方法からSEO対策・収益化までを徹底解説!

しかも、無料で配布しています。

あのWordPressを初心者でも、開設から収益化まで分かりやすくまとめ上げた豪華E-bookです。

是非この機会に、無料でゲットしてください。

しかも!!

今だけ、『超豪華特典』が付いています。

詳しくは、E-bookの最後で。

 

 

あのWordPressの開設から集客・収益化がオンラインで学べる!

WPマーケティングスクール

 

初心者ではハードルが高いと言われるWordPressの初期設定から運営まではもちろん、専門的知識がなくても集客・収益化を学ぶことができます。

WPマーケティングスクールでは、初心者でも自分のペースで学ぶことができ、『正しい方法』を学び実践し続けることで必ず成果が出ます。

 

 

 

今なら、1か月無料!⇩

 

fuwaruyurariおすすめWordPressテーマ

 

 

 

この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

SNSでもフォローお願いします!

 

Facebook

 

 カテゴリー一覧

 

初期設定

>>絶対導入するべき【WordPressプラグイン】導入方法と設定まで!

WordPressを始める場合に、これだけ入れておけば大丈夫というプラグインの紹介と設定方法を解説しています。まず、最初に導入して設定しておきましょう。

★おすすめ記事★

 

SEO対策

>>Googleアナリティクス登録・設定!【All in One SEO pack】に連動する方法!

ブログ運営していくうえでの必需品です。初心者にとっては少し難しいと言われますが、分かりやすく解説しています。是非最初に設定しておき迷う。

★おすすめ記事★

 

設定方法

>>【初心者】WordPressの始め方、”エックスサーバー契約と独自ドメイン”設定方法

WordPressを始めるには、サーバー契約が必要です。おすすめサーバー契約から設定方法まで詳しく解説しています。なぜ「エックスサーバー」がお勧めなのかも読めばわかります。

★おすすめ記事★

プラグイン

>>WordPressのバックアップ!サーバー会社だけに依存は危険?

バックアップはとても重要です。契約サーバー会社によっては有料・無料でやってくれますが、もしもの時を考えるとやはり自分で対処しておくのがお勧めです。

★おすすめ記事★

記事について

>>最後までブログ記事を読んでもらうための構成法

読者さんに記事を最後まで読んでもらうことで初めて集客ができます。そのためには、文章の構成がとても大切になってきます。この記事を読んで記事の構成について理解しましょう。

★おすすめ記事★

アフィリエイトについて

>>Amazonアソシエイトの登録方法!審査が通るのは簡単

みなさんブログを始めたらAmazonアソシエイトに登録しておきたいのではないでしょうか。登録方法とちょっとしたアドバイスを記事にしてみました。

★おすすめ記事★

便利ツール

>>商用利用ができる「Facebookページ」の作成方法【最新版】

ソーシャルメディア時代と呼ばれる現在、ブログ運営においてもFacebookは必需品ともいえますね。ここでは商用利用ができる「Facebookページ」の作成方法を解説しています。

★おすすめ記事★

趣味について

>>なぜ単独行(単独登山)をするのか?一人で山に登ること

趣味の登山について記事を書いてみました。このサイトのコンセプトには関係ないですが、暇なときに読んでみてくださいな。

★おすすめ記事★

  •  
  •  
  •  







- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© fuwariyurari , 2018 All Rights Reserved.