25 5月

ページ切替効果を3分でつけるplugin

昔と今ではサイトの製作方法も大きく変わりました。
20世紀から21世紀にまたぐ頃、サイトやwebページの製作はPC上でデザイン、レイアウト、コーディングをして、できあがったものをFTPでもってアップロードすることが主流でした。
今はページ全体の骨格にあたるレイアウトはPC上でするものの、そこから先はネット上で行うことも多くなりました。
特にwordpressを使ってサイトを構築するようになると、いろいろな機能をpluginで実装することはごく普通に行われていると思います。

そこで、このカテゴリーではちょっとマニアックなpluginを紹介していきます。

  • 使う人が限定されるけど、あると便利なplugin
  • まだ日本語化されていないけど、使いやすいプラグイン
  • リリースされて間もないプラグイン
  • 見た目にかっこいいプラグイン

あくまでも主観で決めていくので、他のサイトで紹介されていたりするものも多々あると思います。

ということで、記念すべき一回目のプラグインは

主な機能

ページ切り替えに使えるプラグインです。

概要

プラグインの名前が、ほぼ機能の説明です。
リンクボタンをクリックするなどして、あるページから別のページに切り替わるときにアニメーション効果をつけてくれます。
上記プラグインページからインストールすると、wordpressの管理画面のメニューにPage Animations And Transitionsの設定項目が追加されます。

設定できる事

切替効果

  • None 効果なし
  • Fade in フェードイン
  • Fade in Up 下から上へフェードイン
  • Fade in Down 上から下へフェードイン
  • Fade in Left 左から右へフェードイン
  • Fade in Right 右から左へフェードイン
  • Rotate in 回転
  • Flip in X (動作が確認できず、ズームインっぽい)
  • Flip in Y (動作が確認できず、ズームインっぽい)
  • Zoom in ズームイン

切替時間


感想
設定も簡単で使いやすく、サイトにちょっとした印象をつけたい時には便利です。
ただし、全ページに同じように効果がでるのでページ数が多いサイトだと、サイト訪問者にはちょっとうるさく感じるかもしれません。
設定のしどころがある部分です。

photo by: humbert15