文書を強調したいときに太字や文字色で装飾するとグッと文章が見やすくなりますよね。
こういった→「マーカー」もその一つの手法です。
最近ではこの「マーカー」が標準装備のWordPressテーマも多くなってきています。
ただ『もっとも読んでほしい!もっと強調したい!文章にインパクトがほしい!』という場合に使えるのが、WordPressプラグイン「ZEBLINE」です。
上記のように、サッと蛍光ペンを引いたような動的なアニメーションをつけることができるプラグインで読者を惹きつけることができます。
目 次
ZEBLINE アニメーションマーカー サンプル
ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。
ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。
ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。
上記のように動くマーカーを設置できます。
マーカーのスピードやカラーも好きな色にできるのでテーマに合わせて実装できます。
ラインマーカープラグイン ZEBLINE(ゼブライン)←マーカー後、リンクを点滅させて目立たせる機能も付いています。
パソコンだけでなく、スマートフォンでも同様にアニメーションマーカーとなります。
これらマーカーは、WordPressプラグイン「ZEBLINE(ゼブライン)」を入れるだけで利用できるようになります。
テーマのカスタマイズなど必要ありません。
WordPressプラグイン「ZEBLINE」動作環境
WordPressプラグイン「ZEBLINE」動作環境は下記の通りです。下記の条件を満たさないと動作しないので注意しましょう。
- WordPress 4.9 以上
- PHP ver7 以上
- Windows10/Mac OSX/Android7.11 以上
- IE11以上/Chrome64/safari11.0.3 以上
WordPressプラグイン「ZEBRINE」販売ページ
ラインマーカープラグイン ZEBLINE(ゼブライン)は有料プラグインです。
執筆時現在、3,000円で販売されています。
買い切りなので一度購入すれば、複数のサイトで利用できます。
WordPressテーマ問わず、プラグインを入れるだけで利用できます。
ZEBRINE 利用方法
上記、販売ページよりラインマーカープラグイン ZEBLINE(ゼブライン)を購入しダウンロードします。
ダウンロードしたらzip形式になっているので解凍しましょう。
フォルダ内の「zebline.zip」を利用します。
WordPress管理画面を開き、「プラグイン」→「新規追加」→「プラグインのアップロード」と進めます。
次にさきほどダウンロードしたフォルダ内の「zebline.zip」をファイルの選択をクリックして、選択しましょう。
「今すぐインストール」をクリック。
インストールしたら「有効化」をクリックします。
有効化すると、WordPress管理画面内に「ZEBRINE」という項目が表示されます。
ZEBRINEの項目をクリックすると、『ZEBRINEの詳細設定』画面になります。
マーカースピード(デフォルト2.5秒)や、マーカーの点滅の有無、マーカー色設定(3色まで対応)をこの詳細設定で自由に変更することができます。
カラーパレットの7色から選択でき、カラーコードをカスタム入力も可能となっています。
デフォルトのままで十分なので、デフォルトを使用してみてから、好みに設定していくと良いでしょう。
使用方法 動くマーカー設置
記事投稿画面を開き、アニメーションマーカーを引きたい文字を下記のように「span class」を使用して設置します。
下記はテキストエディタを利用した場合の設置方法です。
○マーカーA
ZEBLINEのデモAです。マーカーのスピードやカラーも好きな色に変更できます。
「コード」↓
1 |
<span class="zebline-maker zebline-color-a">ZEBLINEのデモAです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
○マーカーB
ZEBLINEのデモBです。マーカーのスピードやカラーも好きな色に変更できます。
「コード」↓
1 |
<span class="zebline-maker zebline-color-b">ZEBLINEのデモBです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
○マーカーC
ZEBLINEのデモCです。マーカーのスピードやカラーも好きな色に変更できます。
「コード」↓
1 |
<span class="zebline-maker zebline-color-c">ZEBLINEのデモCです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
毎回コードを、コピーペーストするのは面倒なので、下記のプラグインを利用すると便利になります。
AddQuicktagプラグインを利用して上記のコードを、ショートコードとして追加登録すれば、簡単に挿入できます。
さいごに
ラインマーカープラグイン ZEBLINE(ゼブライン)は、昨年リリースされたWordPressプラグインです。
久しぶりおもしろそうなプラグインだったので購入しましたが、使いやすく簡単で驚きました。
離脱してほしくないところで、利用すると目を引くことができるので、使い方次第ではインパクトアップ、売上アップにつながると思います。
また一度購入すれば、複数サイトで利用できるのでオススメです。
この他にも、ゼブラインの開発者がWordPressプラグインCLICKLIS(くりっくりす)という動きのあるボタンを簡単に挿入できるプラグインもリリースされています。
こちらのボタンプラグインも併用すると、他にはないインパクトあるサイト作りができると思います。
他サイトとの差別化にもなるので、気になる方は利用されてみてはいかがでしょうか。