Wordpress

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に戻るボタンを
簡単に設置できちゃうプラグインをご紹介!

 

これで完了です!!

 

 

ABOUT ME
北っち
趣味や興味のあることをテーマにした「趣味ブログアフィリエイト」を実践して毎日まったり生活中。
【無料】趣味ブログで楽しく稼ぎ続けるための特別マニュアル

「アニメが好き!」「ニコ厨で毎日ニコ動見てる」
「音楽聞いたり、ライブが好き」「ゲーム大好き。新作プレイしたい」

でも・・・好きなだけやる時間とお金がないorz

めんどくさい仕事やらバイトは楽しくない。どうせやるなら楽しいことでお金を稼ぎたい。

ほんとそれ。なのでそんな自分の好きなことで楽しくお金と時間を手に入れる方法をお届けするよ。

⇒ダウンロードはこちら