画面をスクロールしても固定表示する方法

訪問者の方に見せたい情報は、常に表示しておきたいですよね。
画面をスクロールしても固定表示させる方法をご説明します。

ブログを運営している方は、いろいろなランキングサイトや
SNSに登録していると思います。

特にアフィリエイターさんの場合「コメントまわり」が
アクセスアップの定番ですよね。

で、いつでも読者さんにクリックしてもらいやすいように
記事の中にランキングボタンをいくつも設置していたんですが
さすがにコレがあちこちにあるのも
鬱陶しいと思う人もいますよね。

そこで、画面をスクロールしても常に表示されたら
便利だと思いませんか?

もうお気づきの方もいらっしゃるかもしれませんが
このブログの右側に常にSNSボタンが
表示されていますよね。

これをワードプレスで設定する方法を説明します。

まず、外観からウィジェットを選択し「テキスト」を使います。
ウィジェットのテキストエリアを選択

「テキスト」ウィジェットをサイドバーのお好みの位置に入れます。
(タイトルは入れなくてもいいです)
固定表示するタグを入力

そして、表示させたいタグを、以下のように表記します。

<div style="position: fixed; top: 445px; left: 0px; z-index: 1500;">
ここにランキングのタグなどを入力
</div>

このタグの「top: 445px」の部分は、ページの上部からの
高さを指定します。

同じように「left: 0px」は左からの位置です。
逆に右側に表示したい場合は「right: 0px」と表記します。

表示位置はお好みで指定して下さい。
もちろん、ランキングタグだけじゃなく、バナーや
アフィリリンクを入れられます。

この説明はワードプレスでの表示方法ですが
無料ブログでもフリースペースやプラグインで
対応できると思います。

是非利用してみて下さい。

  • このエントリーをはてなブックマークに追加
無料メールスクール




サイト著者

管理人やまひろ
運営者:耶麻尋(やまひろ)

インターネットを活用したビジネスでご飯を食べている人。チョコと犬と漫画が大好き。
詳しいプロフィールはこちら


ボタンが反応しない場合は
(ctrl+D)

過去のエントリー

ピックアップエントリー

tcd013_01

2014-3-13

WordPressテーマ Gorgeous (TCD013) レビュー

無料メールマガジン

お名前
メールアドレス

      
ページ上部へ戻る