続きを読む…を展開するWordPressプラグインRead More Right Here1.0.5をご紹介いたします。
記事が長くなると表示をスッキリさせるために<!–more–>で続きの文章を折り畳みます。そして展開時はシングルページを開きます。
Read More Right Here1.0.5はシングルページを開く事なく、jQueryをベースにスムーズな展開・折りたたみを実現してくれるプラグインです。
利用の仕方は管理画面のプラグイン／新規追加でキーワードmoreでプラグイン検索し、表示されたRead More Right Here1.0.5をインストールします。それだけで特に設定は必要ありません。
続きをよむ»
jQuery easingプラグインで動きに遊びを。
例えばサムネイル画像を拡大する場合、時間の経過に対して動きの変化量が一定なのでスムーズに拡大されます。
easingプラグインはこの変化量をかえて、最初はゆっくりで後半ははやくとかバウンドするような動きとか退屈しない様々な動きの効果が楽しめます。
Fancybox for wpプラグインの設定画面です。いろいろお試しください。
Fancybox for wpでのeasing設定画面
ちなみにこのサイトの設定は最も退屈な設定となっております。
WordPressではサムネイルをスムーズに拡大してくれるLightbox系のプラグインが豊富にあります。しかし利用しているテーマによっては動かないという記事を多く見かけます。
このFancybox for WordPress (version 2.7.2)は五つ星(24件評価）です。
管理画面-プラグインをインストール
インストールするだけで通常は問題なく利用できます。設定も日本語なので分かりやすく動きや色などの細かい設定も可能になります。
オリジナルテーマをご利用の方で、もし動かない場合はトラブルシューティングで他のプラグインとの干渉を解消できます。（ちなみに私の場合は以下のようにjQueryをスキップする必要がありました。）
トラブルシューティング
さすがに五つ星だけあって説明がいちいち丁寧です。
ホームページの顔であるトップページのデザインは訪れた人に期待感を与えるものにしたい。お店の旬の情報が伝わる画像をタイミングよく入れ替えて効果的に表示したい。
JavaScriptライブラリであるjQueryや mootoolsにはそんな要求に答えてくれるプラグインが豊富にあります。軽くて表示が早くて比較的導入も簡単です。
例えばこのサイトのトップページのスライドショーも画像の差し替えや動きの効果なども簡単にかえる事ができます。
今後ますますプラグインがweb designにとってかかせないものになっていくと思います。