【Web制作】人気記事一覧をサイドバー固定して自動追尾する方法
最近よく見かけるブログでのサイドバーの自動追尾（スクロールを固定）。ブログ運営側としてはサイドバーを空白にしなくて良いので効率化をはかれるし、見てほしい記事をアピールできて便利です。その設置方法を解説します。 読者の立場から考えると探している関連記事や人気記事がすぐ見つかって便利なこともあります。しかし広告やソーシャルボタンばかりのアピールは好まない人もいるので、やりすぎには注意したいところです。 ゆめぴょんです。こんちはっ(^^)/ この自動追尾も標準になりつつありますね。海外のサイトでもよく見かけます。発祥はアメリカでしょうけど。私も最初は違和感がありました。ブログ側も控えめなのが多かったけど、最近は記事に重ねるのも増えていますね。 自動追尾（固定）サイドバーのメリット 運営側は、おすすめ記事をアピールできる 運営側は、サイドバーを有効に使える 運営側は、訪問別の閲覧数やクリック率を上
【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ
【ブログ術】表示速度アップ！SNSソーシャルボタン後読み設定で高速化 【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法 【WordPressプラグイン】複数ソーシャルボタンを記事前後に並べて設置 私が現在このブログで利用しているソーシャルボタンは、自分でも利用している5種類です。ツイッター、Facebook、はてなブックマーク、Google+、Pocketです。 なおWordPressを利用している方は、次の高速化についてのまとめ記事も参考にしてみてください。 ソーシャルボタンを3段階でまとめる そもそも、ソーシャルボタンをまとめるとはどういう意味なのかを3段階で説明します。 同じソーシャルボタンのスクリプトを1つにまとめる 全てのソーシャルボタンのスクリプトを1箇所にまとめる 全てのソーシャルボタンを1つのスクリプトにまとめる ただし同じボタン（例えばツイッターボタ
【Webサイト高速化】SNSソーシャルボタンをあと読み設定する方法とコードを紹介
ソーシャルボタンの読込みには時間も負荷もかかるため表示をあと読みにしました。すると体感速度がアップ。今回は表示速度の高速化第2弾としてソーシャルボタンの後読みの設定方法について共有したいと思います。 ゆめぴょんです。こんちはっ(^^)/ ブログやサイトにソーシャルボタンを設置するとシェアしてもらえる場合もあるので最近は必須です。普通の設置方法は下の記事を見てください。しかし毎回の読込みに時間がかかり、ページ表示速度も遅くなりがちなのが悩みでした。 Pocketボタンは後読みできないので通常どおり設置 いろいろ試してみましたが「Pocket」ボタンについては後読みがうまく機能しませんでした。ググってみたけど他のブログでも「Pocket」ボタンだけは成功してなかったり。もし何か方法を知ってる人はぜひ教えてください。 ソーシャルボタンを設置する場所に書くタグ 設置場所には次のように記述してくださ
jQueryで簡単設置！ページ先頭,トップへ戻るボタンの高機能な設定方法
フェードインするページ先頭へ戻るボタンの設置メリット 多くのサイト・ブログで設置しているため訪問者が自然に利用できる 長文や一覧ページなどの縦に長い記事では、有効なナビゲーション ページ右下の邪魔にならない位置に設置できる 押した後の動作が気持ち良い 「ページ先頭/トップへ戻る」ボタンは、便利なナビゲーションであることは間違いないけど、あまり主張が強いと敬遠されることもあります。また本来の主役である「記事」や「サイドバー」に重なることのないよう次の機能を実装します。 戻るボタンに実装したい機能 ページ先頭へ戻るボタンの設置について書かれた記事は多くて多種多様です。自分の好みで選ぶのが良いでしょう。私は次のような機能がほしかったので実装しました。不要な部分は各自でカットしてください。他にオススメ機能あれば教えてくださいね。 ページ先頭では不要なので、少しスクロールした後にフワッと（フェードイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
