賢威7.0ではトップへ戻るボタンも
かんたんに設置することができます。


最近思うのが、

無料で使えるもの→作業に手間がかかる→作業効率が悪い


有料ツール→扱いがかんたん→作業効率アップ・SEOが強い


こういった印象です。


アフィリエイトで稼ぎだしたら、優秀なツールには投資して、
稼ぐ金額を膨らましていくといいですね♪


では早速一緒に作業していきましょう。

賢威7.0トップへ戻るボタンのカスタマイズ

賢威7.0のトップへ戻るボタンのデフォルト画像は以下の通り。


x_gl0jusya_ysjf1478494458_1478494467


これを自分好みの画像に差し替えましょう。

トップへ戻るボタンの画像を用意

トップへ戻るボタンに配置する画像を用意しましょう。

参考までに今回はこちら↓で用意しました。
http://design-ec.com/

テーマフッターを編集する

ワードプレスのダッシュボード→外観→テーマの編集へと進んでください。


rub7sywzpusfopy1478494698_1478494725


kenitopmodoru3


そして、テーマフッター(fotter.php)へと進みます。


そして以下のコードを探します。

1
2
3
<!--▼ページトップ-->
<p class="page-top"><a href="#top"><img class="over" src="<?php bloginfo('template_url'); ?>/images/common/page-top_off.png" width="80" height="80" alt="ページの先頭へ"></a></p>
<!--▲ページトップ-->





<!--▼ページトップーー>と<!--▲ページトップーー>の間のコードを以下に書き替えます。

1
<p class="page-top"><a href="#top"><img class="over" src="画像のURL" width="80" height="80" alt="ページの先頭へ"></a></p>



画像のURLの所はWPのメディアの所で画像をアップロードして画像URLを取得後入れてくださいね。


トップへ戻るボタンの画像サイズは80px,80pxぐらいがちょうどいいです。


もし画像サイズを変更したい場合は、”width=”80″ height=”80″の数字を適宜変更してください。


では、トップへ戻るボタンの変更後ですが…


kenitopmodoru5


お疲れさまでした~☆(゚∇゚ノノ”


ぜひあなた好みのトップへ戻るボタンを作ってみてください!




・ノウハウコレクターになってしまっている
・アフィリエイトって稼げるの?

などなど、アフィリエイトのご相談はお気軽にあーこまでお問い合わせください♪

お問い合わせには100%回答していますし、
みなさんに喜んでいただいています^^
↓ ↓ ↓
>>あーこに問い合わせしてみる