なんやこれは！WordPress新テーマ『ハミングバード』のアニメーションが凄すぎる！

2015

11/13

Published

2015.11.13

/ 松原 潤一

　　

\ この記事を共有 /

B!

リンクをコピーする

なんやこれは！WordPress新テーマ『ハミングバード』のアニメーショ...

松原 潤一

B!

リンクをコピーする

どうも、JUNICHIです。

なんやこれです。実は、また僕の友人の矢野ヨシキというイケメンが素晴らしいWordPressのテーマを作ったので、ご紹介します。

その名も、

『Hummingbird（ハミングバード）』

という事で、今日はWordPressの超ウルトラかっこいいクールなテーマ、「ハミングバード」を紹介するっちゃ！！

ハミングバードはアルバトロスをさらに進化させたテーマ

今年2015年の７月に発売された『Albatros（アルバトロス）』というテーマを知っていますか？　絶賛好評ぶっちぎりでWordPressの有料テーマランキングでも月間ランキング１位を勝ち取るほどの人気テーマです。

このテーマは、初心者が使っても、誰が使っても美しく使えるというすんばらしいテーマなんです。

詳しくはこの美しさに震えろ！スマホ対策完備のWordPressテーマ「アルバトロス」っていう記事に書いています。

でもちょっと待った！アルバトロスはめっちゃいいんだけど、それよりも今回のですよ、奥さん！（笑）

ハミングバードは、アルバトロスの洗練されたデザインは基本的に引き継ぎながら更にパワーアップしたテーマなんです。今から使うなら、是非アルバトロスよりも更にパワーアップした『ハミングバード』ですよ！

という事で、詳しく目玉の機能などを紹介します！

目玉ポイント１：アニメーションで見て欲しいポイントがとにかく目立つ！

アニメーション？そんなざわざわした機能いらねぇよ！江戸っ子はテキストで勝負だ！てやんでい！

っていう声が聞こえてきそうですが、まぁちょっと動画を見て下さい。１つ目が５秒くらい、２つ目が２０秒以内で終わるので、是非この動画で、アニメーションの動きを見てみて下さい！

ヘッダー部分のアニメーション動画（4秒）

どうですか！？バインッバイーンッって落ちてくる感じ、めっちゃ可愛らしいですよね！ここには、左に画像、右に文字とボタン（リンクもつけられる）が設置できます。

このヘッダー部分ですが、全記事にバインッバイーンッ、バインッバイーンッ、バインッバイーンッってなると鬱陶しいですよね。なので、ここぞっていうトップページのみの表示なので安心してください。

設置方法はWordPress初心者でも簡単！

こんな設定むずかしそうだと思いませんか？でも、このヘッダー部分のアニメーションは、『外観』＞『カスタマイズ』の『トップページ設定』を開けば簡単に設置できます。

使う画像と、文字、ボタンにしたいリンクなどを順番に埋めていくだけです。

各記事のアニメーション（19秒）

これも20秒ほどなので是非見て下さい。

各記事にもハイセンスなアニメーションが追加されています。

1. まず、記事を開くと「タイトル」「アイキャッチ画像」「SNSボタン」がスーッと降ってきます。
2. 本文は特に動きは無しなんですが（動きすぎると読みづらいもんね）
3. 記事が終わると、SNSボタンがボンッ！っと出てくる（シェアしてください感満載！）
4. CTA部分もボンッ！と出てくる（ワオ！ビックリ！ブラボー！！）
5. 関連記事がボンッ！と出てくる（これもか！）
6. ライター紹介もボンッ！と出てくる（ひゃー！こんな人が書いてるんだ！）
7. 最後にフッターがすーっと出てくる（クーーーールッ！！！）

こんな感じです。

これは特に特別な設定は要りません。

もうこのアニメーションの為にハミングバードに切り替えてもいいっていうくらいです。

何故アニメーションがいいのか？

ブログって色んな所に誘導ができますよね。その誘導方法も、今までなら色で目立たせる！オシャレなバナーで目立たせる！なんていうのが普通でしたが、それだけでは弱い！

アニメーションは「うざい」というイメージがあるかもしれませんが、「うざい」っていうことは、「目立ってる！！」っていう事ですよね。

嫌でも目を引きます。この「目を引く」っていう事が大事なんですよね。

特に、自分のビジネスをやっている人は、本当に読ませたいコンテンツはCTA部分に設置するのがおススメ！

ちなみに僕はこのハミングバードのアニメーションは嫌味が無くて「わお！面白い！」っていう感じがして好きです。

目玉ポイント２：投稿ページ・固定ページが1カラムor2カラムの切り替えが可能

アルバトロスでは、固定ページは1カラムor2カラムの切り替えができていましたが、このハミングバードはさらに投稿（普通のブログ記事）のページも1カラムor2カラムの切り替えが出来るようになりました。

このおかげで、新着一覧に出したい普通のブログ記事でも、1カラムでダイナミックにコンテンツを提供できるようになります。

目玉ポイント３：トップのスライダーがオシャレ！目立つ！

アルバトロスにもスライダー機能はあったんですが、上の画像の赤枠部分に、特に目立たせたいコンテンツを「スライドショー」のように動かす機能があります。

横幅目一杯に広がっているので、とっても目立ちますよね。

ここには、ブログ記事はもちろん、固定ページも置くことができます。

目玉ポイント4：トップページのレイアウトの切り替えができる！

ハミングバードでは、トップページを３つのタイプのレイアウトから選んで設定できます。

外観＞カスタマイズ＞その他の設定　から選ぶことができます。切り替えも簡単！

その他の目玉ポイント

これらは、アルバトロスと同じく標準装備です！

最後に

またもや素晴らしいテーマが世に誕生してしまいました。

ただ、僕が妻にこの新しいテーマのアニメーションの素晴らしさを熱く語ると、

どうやら、この凄さが分かる人は限られているみたいだ！

この凄さが分かるあなた、是非ハミングバードの導入をご検討くださいませませ！

おまけ：ハミングバードの名前の由来

毎秒約55回、最高で約80回の高速ではばたき、空中で静止するホバリング飛翔を行う。「ブンブン」 とハチと同様の羽音を立てるため、ハチドリ（蜂鳥）と名付けられた。

英語ではハミングバード Hummingbird で、こちらも同様にハチの羽音（英語における擬音語が hum）から来ている。

足は退化しており、枝にとまることはできるがほとんど歩くことはできない。（Wikipediaより引用）

とにかく羽ばたき続ける、そんなブロガーのあなたにはおすすめだよ！

今日は終わりんこ！