SEOも上昇?サイトの文字の装飾、強調するゼブライン

ほんと、設定に苦労しましたw

というかですね途中から文字はゼブラインの適用が難しいです。

クラシックモードに変更したりしなければならなくて。使い勝手が悪いなーとの感想ですが。

他の方が記事にしてある通りに設定していけば、ほとんど大丈夫です。

なんでそうなる・・・てところに線が入ったりしましたがパソコン上でやらないと難しいかもです。

ここでも記事にしておきますが(笑)

SEO対策もできますのであなたもいかかでしょうか・・・・

項目

1.購入

2.ワードプレスインストール

3.ワードプレス内ゼブラインの設定

4.実際に使ってみよう

1.購入

定価は3000円

支払方法はPAYPALで登録したクレジットカードおよび銀行口座振替え。私は現金派なのでPAYPALとゆうちょ銀行の口座を紐づけし支払いましたw

購入のボタン部分をぽちっと押します。

そうすると・・・・

で、ゼブラインを買うを押してください。

必要な項目に入力を終えたら、支払いをお願いします。支払いを終えたら、登録したメールが届きますのでメールの通りにダウンロードしてください。

このメールのやりとりで私はひと悶着ありましたがww

私の場合もしもアフィリエイトさんから購入でした。とりあえずZIP形式のファイルが届きましたので。それをワードプレスのプラグインに組み込んでいきます。(注:他のサイトで紹介しているのを見ていますとファイル名が違ったりしているかもしれません。ワードプレスでは<zebline>のZIP形式圧縮フォルダーごとアップロードして下さい)

2.ワードプレスインストール

実際ダウンロードした場合どこにファイルの場所を作ったのか覚えておきましょう。

ほとんどのウィンドウズ10のパソコンの場合は、ウィンドウズのボタンをクリックしてドキュメントへファイルが入るはずです。(ダウンロードの場所かPC。ウィンドウズボタン→ドキュメント→ダウンロードorPC)

それでは、ワードプレスを開いてください。

その後、プラグインの項目を選んで新規追加を選択します。

その後、プラグインのアップデートをクリックしてください。クリックしますと次のような画面になります。

上の写真にあるファイルの選択(ファイルを保存した場所からzeblineのZIP形式を選択する)のボタンをクリックします。

すると次のような画面になります。

ここで今すぐインストールを押せば終了です。

ゼブラインを有効にするのをお忘れなく!!

3.ワードプレス内ゼブラインの設定

次にワードプレスのゼブラインの設定をします。ワードプレスを立ち上げるとメニューにゼブラインの項目が追加せれています。ゼブラインを選択してください。するとゼブラインの詳細設定が出ます。詳細設定がでましたら各項目を記入してください。マーカーの種類は3つまで登録できます。

  • マーカーのスピードは数字が大きくなるほど遅くなります。
  • マーカーリンクの点滅させます。
  • マーカーの色を決めます3種類(ABC色)

一番下の設定を保存する。で終了になります。

ですが、そのままだと線を入れるためにはテキストで一つ一つコードをいれなければなりません(HTMLタグが必要)例えば

<span class="zebline-maker zebline-color-a">文字</span>

という風に。そこで入力を簡略するために別のプラグインをインストールします。

先ほどのゼブラインをインストールした方法と同様に、ワードプレスを立ち上げ新規追加を行います。

その後、プラグインの検索をクリックしてAddQuicktagを検索します。このプラグインは容易にコードを入力できるようになります。

検索が終了したら写真の左側の方を選択してインストールします。

インストールしましたら有効にしておきましょう。

プラグイン→インストール済みのプラグインと進んで

AddQuicktagの設定を選びます。

赤線の部分を入力してください。保存していけば都度増えていきます。私は6つ登録しました。

  • 名前は自分がわかるようにしておいてください。
  • 開始タグは
<span class="zebline-maker zebline-color-a">と入力

最後の小文字aは各プラグインのゼブラインのabcに該当します。ここを変えてやればいいです。

  • 終了タグは
</span>

と入力してください。

  • チェックの部分は全部入れてもOKです。

写真にあるstrongは太文字です。spanをstrongに変更してあるだけです。

あとは、下にある変更を保存し終了してください。

4.実際に書いてみる

私のワードプレスは設定なのかテキストエディッターが使いにくい使用?

そこで私の使い方はクラシックモードを使用してます。他にいい使い方があればご教授くださいw

+を選択その後クラシックを選択します。

このような画面になります。まず文字を書いてください。その後文字を選択し上の赤線の部分でゼブラインBとなっておりますが、自分の好きなもの選んだら終了です。

必ずプレビューを確認し反映しているか確かめてください。以上です

ではここに書きます。

では、ゼブラインのリンクを貼ります。インフォトップさん経由です。

もしもアフィリエイトさんは承認がおりてませんのでしばらくお待ちください。