暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

WP To Top〜Topに戻るボタンを簡単設置!なプラグイン〜

どうも、北っちです。
今日はTopに戻るボタンを
簡単に設置できちゃうプラグインをご紹介!

WP To TopでTopに戻るボタンを設置!

「Topに戻るボタンて何?」
というあなたのために説明しておきましょう。

スクリーンショット 2013-03-07 22.50.08

 

これです、コレ。

長い記事を読んだ後に
いちいちスクロールして
上まで戻るのって面倒じゃないですか?

そのためにクリック1回でササッと
一番上に戻るボタンを作りましょう!
ということです。

それでは一緒にやっていきましょう。

 

WP To Topの導入手順

動画説明の方がいい方はこちら↓

 

 

まずあなたのワードプレスの管理画面を開きましょう。

WordPress1

左のメニュー一覧に「プラグイン」と表示されているのが
わかりますか?ここをクリックして下さい。

現在インストールされているプラグイン一覧が
表示されます。

WordPress2

左メニューの「新規追加」をクリックして下さい。

プラグイン検索画面が表示されます。

WordPress3

さて、ここで導入して欲しいプラグイン一覧を
書いておきます。

この検索エリアに「WP To Top」と
入力してください。

すると、検索結果が表示されます。

Wptotop

 

「いますぐインストール」をクリックします。

Wptotop2

「プラグインをの有効化」をクリックします。

次にWP To Topの設定をしていきます。

Wptotop3

左の「設定」からWP To Topをクリック。

Wptotop4

WP To Topの設定画面です。

一つづつ説明していきますね。

Text to show

表示させる文字です。
ここに入力した文字がボタンに表示されます。

僕は「TOPに戻る」にしています。

 

Background color

ボタンの色です。
僕の場合だとピンクの部分ですね。

色の設定はHTML色見本から色を選びましょう。

→HTML色見本はこちら

Wptotop5

赤枠で囲んだところに注目。
#のあとに英数字が並んでいますよね。

あなたの好みの色を見つけて
ここをコピーしてください。

画像の一番上の色だと
#DDA0DDをコピーすることになります。

そして先程のBackground colorのところに
貼り付けましょう。

これでボタンの色が変更されます。

 

Foreground color

これは表示される文字の色です。
デフォルトが白なんで、このままで
いいと思います。

もし変更したい場合はまた色見本から
好きな色を選んで貼り付けましょう。

 

Position

ボタンの表示させる位置です。
右(right)か左(left)が選べます。

ここはお好みでどうぞ。

 

Show only in posts, not all pages

このチェックは外してください。
これにチェックが入っていると
トップページにボタンが表示されません。

どのページにもボタンはあった方が
いいと思うのでチェックを
外すことをおすすめします。

 

ここまで設定出来たらSave Changesと
表示されているボタンをクリック。どうも、北っちです。
今日はTopに戻るボタンを
簡単に設置できちゃうプラグインをご紹介!

 

これで完了です!!

 

 

COMMENTS & TRACKBACKS

  • Comments ( 9 )
  • Trackbacks ( 0 )
  1. こんばんは
    北っちさん

    タケルψです。
    ワードプレスのプラグイン
    どれも実用的なので、
    私も、取り入れてます^^

    トップに戻る分だけは知りませんでした。
    図解入りなのでとてもわかりやすかったです。

    応援済です。

    • タケルψさん
      コメントありがとうございます。

      プラグインで拡張できるワードプレスって素敵ですよね。
      トップに戻る、あると便利です^^

      わかりやすいと言って頂けると嬉しいです。
      ありがとうございました。

  2. By ふじもん@20代に贈るアフィリエイト戦略

    北っちさん
    コメントありがとうございました。

    まだ入れていないプラグインがあったので
    すぐに入れてみます。

    すぐにプラグインを追加できるところが
    ワードプレスの強みですよね。

    貴重な情報ありがとうございました。
    応援していきます。

    • ふじもんさん
      コメントありがとうございます。

      プラグインは入れるのが簡単でいいですよね。
      よかったら紹介したプラグインを入れてみてください。

      ありがとうございました。

  3. By 超リチャード@アフィリエイト初心者でも出来る!報酬を0から1に引き上げる秘訣

    北っちさん
    こんばんは、超リチャードです。

    トップに戻るプラグインはいいですね。

    知らなかったので早速導入しました。

    やっぱりユーザビリティには気を使いたいですね。

    それでは応援ポチ!です。

    • 超リチャードさん
      コメントありがとうございます。

      これ地味に便利ですよね。 
      導入しちゃって下さい^^

      見やすく、読みやすいブログでありたいですね。
      ありがとうございました。

  4. 北っちさん

    こんばんは、KEN-Tです。
    いつもお世話になります。

    ワードプレスはプラグイン次第で
    一気に使いやすくなりますよね^^

    私も気になるプラグインがあれば
    ちょくちょく使ってみたいと思いますので。

    では応援していきます。

    KEN-T

    • KEN-Tさん
      コメントありがとうございます。

      プラグインを入れてからがワードプレスの本領発揮ですね。
      こういうカスタムするのって大好きなんでまた便利なプラグインは
      紹介していきます。

      ありがとうございました。

  5. ららさん
    コメントありがとうございます。

    僕も最初「これいいな~」と思って探したんです^^
    お役に立てたようで嬉しく思います。

    ありがとうございました。

LEAVE A REPLY

*
*
* (公開されません)

Return Top