家事・子育ての合間にブログ・アフィリエイト・メルマガで収入を得る!

WordPressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

miiko
WRITER
 
Wordpressで文字を装飾!動く下線マーカーを引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方
この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

 

ブログ記事に欠かせない文字装飾と言えば、重要ポイントや強調したい文章を簡単に目立たせることができる 『下線マーカー』ですが、さらにユーザーの興味を引き付けることができる『動く下線マーカー(アニメーションライン)』があるんです。

 

自然と目で追ってしまうし、さらに目立たせることができそう!

ムーさん

インパクトもあるから印象にも残りそうだね!

ニャン

 

今回は、この『動く下線マーカー(アニメーションライン)』が引けるプラグイン『ZEBLINE(ゼブライン)』のインストール方法から使い方までご紹介します。

インストールは済んでいて、ZEBLINE(ゼブライン)の使い方を知りたいという方は、目次から必要項目をクリックしてください。

 

通常の 『下線マーカー』の引き方は、こちらの記事で紹介しています。

 

ZEBLINE(ゼブライン)を使うメリットは?

 

ブログに文字装飾をする目的は、重要ポイントを目立たせるだけでなく、ユーザーに飽きさせずに読み進めてもらうためでもあります。

なぜなら、多くのユーザーは『流し読み』をしているからです。

 

確かに最初から最後まで、一語一句読むことはないかも・・・

ムーさん

 

ZEBLINE(ゼブライン)の『動く下線マーカー(アニメーションライン)』は、自然と目で追ってしまうため、ユーザーの興味を引きながら、強調したい文章を目立たせることができます。

伝えたいことを、しっかり読んでもらえることができれば、ユーザーの反応や成約率がアップしますね(^^)

 

なかなか売り上げに繋がらないな(>_<)

hana

そもそも、ちゃんと読んでもらえているのかな?

やっちゃん

 

こんな悩みや不安を感じているなら、ZEBLINE(ゼブライン)でインパクトのあるブログに変身させて、ユーザーの興味関心を引き付けましょう!

 

 

ZEBLINE(ゼブライン)の購入方法

 

ZEBLINE(ゼブライン)は有料のプラグインになります。

 

えっ(;’∀’)有料なの?

ニャン

 

と、思う方もいるかもしれませんが、一度購入してしまえば、自身で運営するブログ全てに使用することができますし、ユーザーの興味を引き、ブログにも個性が出るためおすすめです(^^)

 

では、ZEBLINE(ゼブライン)の購入方法から順にご説明します。

ZEBLINE(ゼブライン)公式サイトにアクセスします。

あなたの読者を惹きつけるラインマーカープラグイン ZEBLINE(ゼブライン)

 

ページ上部の【購入はこちら】または、ページ下部の【ZEBLINEを買う】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

インフォトップに移動したら、既にインフォトップの会員の方(購入者)は【会員登録済みの方はこちら】をクリックします。

インフォトップを始めて利用する方は、【初めてインフォトップをご利用の方はこちら】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

インフォトップの会員の方(購入者)は、ログインIDとパスワードを入力し、【入力情報の確認】から購入手続きをしてください。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

インフォトップを始めて利用する方は、必要事項を入力します。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

お支払情報を選択・入力して【注文内容を確認】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

注文内容に間違いがなければ、【利用規約に同意し注文する】をクリックします。(画像なしm(__)m)

『ご注文ありがとうございました!』の画面が表示されたら、【注文情報を確認する】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

購入履歴一覧の中にある『ZEBLINE(ゼブライン)』をダウンロードします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

①【ファイルの保存場所】を選択して②【保存】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

ダウンロードしたZEBLINE(ゼブライン)のファイルはzipファイルのままで大丈夫です。

次に、Wordpressにインストールしていきましょう。

 

 

WordPressにZEBLINE(ゼブライン)をインストールする方法

 

①【プラグイン】から②【新規追加】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

【プラグインのアップロード】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

【ファイルを選択】をクリックします。

v

 

 

先ほどZEBLINE(ゼブライン)を保存したファイルから【ZEBLINE(ゼブライン)のzipファイル】を選択して【開く】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

【今すぐインストール】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

【プラグインを有効化】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

これで、WordpressにZEBLINE(ゼブライン)をインストールすることができました。

次に、ZEBLINE(ゼブライン)を使うための設定をしていきましょう。

 

 

ZEBLINE(ゼブライン)の設定方法

 

ZEBLINE(ゼブライン)をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

ZEBLINE(ゼブライン)の詳細設定が開きます。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

『あなたのサーバーのPHPのバージョンではZEBLINEが使えません』と出てしまった方は、【ZEBLINE(ゼブライン)を使用できるPHPのバージョンに変更する方法(エックスサーバー)】で、ご紹介していますので、そちらを参考にしてください。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

マーカーのスピード設定

 

【マーカーのスピード】はマーカーラインが動くスピードの設定ができます。

数字が大きくなるほど、マーカーラインのスピードが遅くなります。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

マーカーの色設定

 

マーカーの色はA・B・Cの3色設定することができます。

 

マーカーAの色を①から選択します。

オリジナルの色を設定したい場合は、②に直接カラーコードを入力してください。

カラーコード参考:原色大辞典

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

マーカーB・Cも同じように、マーカーラインの色を設定します。

マーカーA・B・Cの色の設定が済んだら、【変更を保存】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

ZEBLINE(ゼブライン)の設定は以上です。

次に、動く下線マーカー(アニメーションライン)を使うためのHTMLタグをご紹介します。

 

HTMLタグって。急に難しく感じるね(>_<)

ムーさん

 

HTMLタグといっても、コピペでOKなので簡単なので安心してください(^^)

miiko

 

 

動く下線マーカー(アニメーションライン)のHTMLタグ

 

投稿・固定ページで、ZEBLINE(ゼブライン)の動くマーカーを引くには、HTMLタグを使って入力していきます。

ここでは、普通文字と太文字のサンプルをご紹介します。

コピペで使えますので、そのままコピーしてもらって大丈夫です(^^)

 

普通文字のZEBLINE(ゼブライン)の入力タグ

 

開始タグは<span~>・終了タグは</span>です。

 

■マーカーラインA

 

■マーカーラインB

 

■マーカーラインC

 

 

太文字のZEBLINE(ゼブライン)の入力タグ

 

開始タグは<strong~>・終了タグは</strong>です。

 

■マーカーラインA

 

■マーカーラインB

 

■マーカーラインC

 

 

ZEBLINE(ゼブライン)のHTMLタグはどう入力するの?

 

動く下線マーカーを引くためには、投稿・固定ページの『テキストモード』で入力します。

サンプルをコピーして、タグの間に動く下線マーカーを引きたい文章を入力してください。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

難しい作業ではないケド、毎回タグを入力するのはちょっと面倒だね・・・

ニャン

 

そうなんだよね!

そこで、タグ登録ができるプラグイン『AddQuicktag』を使って、ワンクリック入力ができるように設定しよう!

miiko

 

 

動く下線マーカー(アニメーションライン)タグを『AddQuicktag』に登録する方法

 

『AddQuicktag』は、タグ登録ができるプラグインです。

一度、登録してしまえば、その後はワンクリックで操作することができるようになり、入力の手間と時間を短縮することができる便利なプラグインです。

『AddQuicktag』のインストール方法と使い方は、こちらの記事を参考にしてください。

 

 

開始・終了タグは、下記を登録してください。

普通文字の開始タグは

終了タグは

 

 

太文字の開始タグは

終了タグは

 

 

ZEBLINE(ゼブライン)を使用できるPHPのバージョンに変更する方法(エックスサーバー)

 

ZEBLINE(ゼブライン)インストール後に、『あなたのサーバーのPHPのバージョンではZEBLINEが使えません』と出てしまった場合の、対処法をご紹介します。

サーバーのPHPのバージョンを変更していくのですが、ここでの説明は『エックスサーバー』での説明になります。

 

エックスサーバーのサーバーパネルにアクセスします。

エックスサーバー

 

画面中央・下にある【PHP Ver.切替】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

 

PHPバージョンを切り替えをしたいドメインを選択します。( ZEBLINE(ゼブライン)を使いたいドメイン)

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

 

変更後のバージョンを【PHP7.0.30以上】を選択します。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

【変更する】をクリックします。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

お使いのテーマによっては、バージョンによってデザインの崩れが生じる場合がありますので、バージョンの変更後はデザインの確認をしてみてください。

このブログのテーマは『SEAL ver.1.5』を使用しているのですが、PHP7.2.6・PHP7.1.18ではページデザインが少し崩れてしまいました。

PHP7.0.30では、正常に表示されているので、ページが崩れてしまった場合は、他のバージョンも試してみてください。

 

PHPバージョン変更後は、管理画面の【ZEBLINE】から設定を行ってください。

Wordpressで文字を装飾!動く下線マーカー(アニメーションライン)を引くプラグイン『ZEBLINE(ゼブライン)』の設定方法と使い方

 

 

まとめ

 

今回は、動く下線マーカー ZEBLINE(ゼブライン)の使い方について解説しました。

無事に『AddQuicktag』の登録までできましたか?

ZEBLINE(ゼブライン)は有料のプラグインではありますが、金額以上の効果を発揮してくれるおすすめツールです。

  • 成約率がアップする
  • 読まれるブログになる
  • ブログに個性が出る
  • ブログ初心者感から脱出できる

など、様々な効果が期待できますので、あなたのブログにも取り入れてみてくださいね(^^)

 

ZEBLINE(ゼブライン)公式サイトはこちらから。

あなたの読者を惹きつけるラインマーカープラグイン ZEBLINE(ゼブライン)

 

 

 

最後までご覧いただきありがとうございます。

ポチッと応援してもらえると嬉しいです(*'▽')

このエントリーをはてなブックマークに追加 ブログランキング・にほんブログ村へ

 

自宅でお仕事!ブログを仕事にしませんか?

初心者でも・実績がなくても自分のペースで

ブログで稼ぐ力を身に付けるための無料メルマガ講座です。

メルマガ登録透過2

さらに、ブログ運営に役立つ4つのプレゼント付き!

 

 

 

この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

Comment

  1. アバター メグ より:

    こんにちは。
    ブログ訪問していると、文字にラインが引かれていくのを目にした事がありますが、どんな仕組みなのか?こちらの説明で良く分かりました。
    ZEBLINE(ゼブライン)というプラグインなのですね。
    応援ポチ。

    • miiko miiko より:

      メグさん。コメントありがとうございます(^^)
      ZEBLINE(ゼブライン)とっても便利ですよ。
      ぜひ、使ってみてください♪

  2. アバター こばみち より:

    こんにちは、ランキングから来ました。
    ゼブラインと言うんですね。
    べんりに使えそうな気がします。

  3. アバター manohiro より:

    Manohiroと申します。
    ブログランキングから訪問させて頂きました。

    ZEBLINE(ゼブライン)は良いですなあ。

    必要ですなあ。

    本当に、勉強になりました。

    今後も訪問させていただきます。

    よろしくお願い致します。

    • miiko miiko より:

      manohiroさん。コメントありがとうございます。
      ZEBLINE(ゼブライン)は効果的なプラグインですよね!
      ブログに個性も出せるし、ユーザーの目にも止まりやすいので
      お気に入りのプラグインです。

  4. アバター コウさん より:

    こんにちは、ランキングから来ました。
    ゼブライン。初めて見ました!
    確かに注目を集めて、かつ扱いやすそうですね。
    参考にさせていただきます!

    • miiko miiko より:

      コウさん。コメントありがとうございます。
      使い方も設定も、とっても簡単なのに効果は抜群で
      とても重宝しているプラグインです(^^)

  5. アバター たっきー より:

    こんにちは
    最近、面白い仕組みがあると思っていたのですが
    ゼブラインというのですね。
    詳しい設定方法までありがとうございます!

    • miiko miiko より:

      たっきーさん。コメントありがとうございます。
      ZEBLINE(ゼブライン)目立ちますよね!
      設定も簡単ですので、取り入れてみてください!(^^)!

  6. アバター takafumi より:

    こんにちは。
    普通文字も太文字もタグをコピーさせていただきました。
    これはとても面白いと思います。ありがとうございます。

    • miiko miiko より:

      takafumiさん。
      コメントありがとうございます。
      お役に立ててよかったです。
      ZEBLINE(ゼブライン)をブログ運営に役立ててくださいな(^^)

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Copyright© みーこの自宅でネットビジネス , 2019 All Rights Reserved.