［ZEBLINE］動くラインマーカーで読者の視線をガッチリ惹きつける！

どうも、ひろもんです。

サイトを作成する際、ライバルとの差別化や文章を読んでもらうための工夫が大切になりますが、ZEBLINE（ゼブライン）というWordPressプラグインを使うことで、それらをカンタンに行えるようになります。

私も複数のサイトで使用しているオススメのプラグインなので、ここで紹介したいと思います。

ZEBLINEとは？

ZEBLINEはWordPressプラグインで、インストールすると動くラインマーカーを使用することができます。

動くものを見るとついつい目で追ってしまいませんか？

 

文章の中でとくに読んでもらいたい部分などに動くラインマーカーを使うことで、読者が無意識の内に重要な箇所をしっかりと読んでくれて、読者に伝えたいことがより伝わりやすくなり、コンバージョン率UPにも繋がります。

まだ導入しているサイトが少ないので、ライバルとの差別化にもなりますし、なんと言ってもオシャレ感がでます（笑）

ZEBLINEで設定できる3つのこと

ZEBLINEはとてもシンプルなプラグインで、インストール後、設定画面から以下の3つのことが設定できるようになり、自分の好きな様に設定して使用します。

マーカースピード（デフォルト2.5秒）

デフォルトではマーカーの動き出しから終わりまでの時間が2.5秒に設定されていますが、秒数を変更することでもっと速くしたり、遅くしたりすることができます。

私は今の所、デフォルトの2.5秒だと「少し早すぎるかな？」と思ったので、秒数を3に設定しデフォルトよりも少しだけ遅く動くようにしています。

マーカーリンク点滅の有無

この設定にチェックを入れてテキストリンクにマーカーを設定すると、リンク部分が点滅してより目立つようになります。

上の「公式サイトはこちら」の部分がテキストリンクですが、リンク部分だけ点滅しているのがわかるかと思います。

マーカー色設定（3色まで対応）

設定画面の右側に7色のカラーパレットがあり、クリックした色がそのまま設定されます。初めから用意されている色以外を使用したい場合は、直接カラーコードを入力することで好きな色のマーカーを設定することができます。

ただし、設定できるのは3色までなので、使用頻度の高い3色を選んでください。

あまり奇抜な色を選んで逆に文章が読みづらくなっては元も子もないので、イエロー・オレンジ・グリーン・ブルー辺りが良いと思います。

もちろん設定したカラーはいつでも何度でも変更可能です。

ZEBLINEの使用方法

ZEBLINEの設定画面には「このマーカーを使う時は、class：zebline-maker zebline-color-aを追加してください。」と書かれています。

カラーは3色設定できるので、タグの[color-a][color-b][color-c]で使い分けます。

タグをワンクリックで挿入する方法

ラインマーカーを使用するたびにタグをコピペしていてはあまりにも面倒く時間も掛かってしまうため、WordPressプラグインのAddQuicktagを使用すると便利です。

AddQuicktagは登録したタグをワンクリックで呼び出すことができるプラグインで、3色のタグを登録することで、3色すべてのラインマーカーをワンクリックで使用できるようになります。

AddQuicktagにタグを登録すると記事投稿画面にボタンが表示されるので、あとはラインマーカーを使用したい箇所を選択しボタンをクリックするだけです。

AddQuicktagのインストール手順

AddQuicktagは無料プラグインなので、他のプラグインとインストール方法は同じです。

AddQuicktagの設定方法

AddQuicktagにZEBLINEのタグを設定する方法を紹介します。

AddQuicktagを有効化すると、WordPress管理画面の設定の項目に［AddQuicktag］が表示されるようになるので、クリックしてAddQuicktagの設定画面を開きます。

赤枠の部分が入力を必要とする箇所です。

あとは［変更を保存］をクリックして、AddQuicktagの設定が完了です。

これで記事投稿画面にZEBLINEのボタンが表示されます。

ZEBLINEの動作環境

WordPressについてはダッシュボードに更新のお知らせが表示されるため、ほとんどの方が最新バージョンにしているはずなので問題ありませんが、PHPのバージョンを古いまま使用していて、ZEBLINEが動作しないという人がいるかもしれないので対応策を紹介します。

PHPのバージョンを確認・変更する方法

ここではアフィリエイターの利用者が多いエックスサーバーを例にして解説します。
fa-arrow-circle-rightエックスサーバーはこちら

まずはサーバーパネルにログインし［PHP Ver.切替］をクリックします。

ドメイン一覧が表示されるので、確認・変更したいドメインの右側にある［選択する］をクリックします。

ここで対象ドメインのPHPのバージョンを確認できます。このサイトはすでに最新バージョンに変更していますが、5.6などが表示された場合は最新バージョンの7以上に変更し、［PHPバージョン切替（確認）］をクリックしてください。

これでPHPが更新され、ZEBLINEが使用できるようになります。

PHPを更新しないリスク

PHP5.6とPHP7.0のセキュリティサポートは今年中に切れるため、今後脆弱性が発見されてもセキュリティは更新されず、無防備状態で放置されることになります。

以下はPHPのバージョンごとの説明ですが、PHP7以下のサイトであれば、最新バージョンに更新するだけでサイトの表示速度が高速化します。

私は主要サイトすべてを最新バージョンに更新してとくに不具合や問題はありませんでしたが、更新作業が心配な方は必ずバックアップを取ってから更新してください。

ZEBLINEのまとめ

動くラインマーカーを使用しているサイトは少なく、ライバルサイトとの差別化になりますし、ラインマーカーが動くことで読者の視線を惹きつけ、伝えたいことをしっかりと伝えることができるようになるため、コンバージョン率UPにも繋がります。

ZEBLINEは税込み3,000円の買い切りのプラグインで、一度購入すると購入者が所有するサイトであれば、制限なくすべてのサイトで使用することができます。

今後導入するライバルサイトが増えてくるかもしれませんが、公式サイトには「競合を増やしてしまう可能性もございますので、様子をみながら値上げも検討しています」と書かれていることから、今後購入者が増えると値上げする可能性があります。

今はまだ発売されたばかりで最安値の3,000円で購入可能なので、気になる方は早めに導入してみてください。

▼公式サイトはこちら▼