デジタルマーケッター・ブログ集客専門家 時々 おもろいおっさん

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

  
Hummingbird
\ この記事を共有 /
なんやこれは!WordPress新テーマ『ハミングバード』のアニメーショ...

どうも、JUNICHIです。

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

その名も、

Hummingbird(ハミングバード)

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

 

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

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

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

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

 

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

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

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

 

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

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

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

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

https://www.youtube.com/watch?v=rrMOu3A8m6U

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

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

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

テーマカスタマイザー内で設置

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

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

各記事のアニメーション(19秒)

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

https://youtu.be/kG2KNyS4-Jw

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

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

こんな感じです。

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

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

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

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

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

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

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

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

※注意:Internet Explorerではアニメーションは反映されません。Google ChromeやFirefox、Edge、Safariでは正常に動きます。

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

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

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

 

目玉ポイント3:トップのスライダーがオシャレ!目立つ!

スライダー

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

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

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

 

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

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

1.シンプルタイプ

シンプル

2.カード型タイプ

カード型

3.ビッグタイプ

ビッグ

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

その他の目玉ポイント

スマホ最適化!

<div class="su-row"> <div class="su-column su-column-size-"1-3""><div class="su-column-inner su-u-clearfix su-u-trim"> ★ここに中央★ </div></div> <div class="su-column su-column-size-"1-3""><div class="su-column-inner su-u-clearfix su-u-trim"> ★ここに中央★ </div></div> <div class="su-column su-column-size-"1-3""><div class="su-column-inner su-u-clearfix su-u-trim"> ★ここに右側★ </div></div> </div>

 

便利なウィジェット機能!

ウィジェット

SNSボタン標準装備!

Facebook

誰が使っても美しいデザイン

指輪

ランディングページ作成機能

ロケット

便利なショートコード!

吹き出し

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

 

最後に

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

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

これ、これ!!すごいやろ!このアニメーション!!

JUNICHI

・・・・・・・・。(しーん。)

む、無反応だと!?

JUNICHI

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

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

 

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

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

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

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

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

今日は終わりんこ!

 

デジタルマーケティングで重要な
「データ分析」を今すぐ始めよう!

\ Kindleで売れ筋トップ獲得本 / 

GA4超入門ガイドブック

プレゼント!

表紙

Comment

  1. ワードプレスのテーマは無料じゃなくて有料の時代?!惚れる美しさ「ハミングバード」に変更しました より:

    […] […]

  2. […]  ブログマーケッターJUNICHI なんやこれは!WordPress新テーマ『ハミン… […]

  3. ハミングバードのあのボーンってなるアニメーションはどうやって表示しているのか? | アクセストリガー より:

    […]  ブログマーケッターJUNICHI  114 shares 23 usersなんやこれは!Wor… […]

  4. […] が使っても、誰が使っても美しく使えるというすんばらしいテーマなんです。【参考】このテーマは、初心者が使っても、誰が使っても美しく使えるというすんばらしいテーマなんです。 […]