設置ボタンについて

２０１２年８月１６日

Twitter Badge（ツイッターバッジ）が消えていた

Twitterを始めた当初から付けていた、twitterバッジ（クリックするとotosanのつぶやき一覧へジャンプして見れる仕組み）がいつの間にか、消えているのに気付きました。

twitter-badge
最初からつけていたもの

確かこれを付けたのは、twitterの設定ページからだった？しかし、現在はそのページが更新されていて、それらしきものは全然見つかりません。

今まであったものが急に無くなってしまうと、デザイン上からも何か間が抜けた感じで少し不安になるものです。

Twitter画面の表示は、よくトラブルでおかしくなることがあり、いつの間にか直っている、と言う記事を見たことがあり、バッジに限らず、ウイジェット（indexページに設置した最近のつぶやき集）でも経験していてなるほどと思う。

今回もこのページを作成中（8月15日の夜）には、今まで設置していたページは、何事もなかったかのように復旧して、バッジは異常無く表示され機能していました。

twitter-badge
indexページ専用

indexページと、このページはデザインが異なるため、indexページには専用のもの（図参照）を、スペースのある右端に付けます。右スクロールバーから0px、上から120pxの位置。

但し、設置場所の見え方は皆さんのパソコンの解像度やご覧のサイズで変わります。（index以外のページは、左へ付けることにしました。）
機能は今左に表示されているバッジと全く同じで、otosanの最新のつぶやきが見れます。

ＴＯＰへ戻るボタンを設置し易いものに変える

ページ下へ常設していて、クリックするとそのページのＴＯＰへ戻るボタン（以前は専用「戻るボタン」を設置していたが、現在は「バー全体」がボタンと同じ機能にした）ボタンを付けていましたが、スマートで設置し易いものを導入出来た為、早速このページへ試験的に付けました。
設置場所の見え方は皆さんのパソコンの解像度やご覧のサイズで変わります。設定は右スクロールバーから0px、下からは200pxの位置に出ます。

このボタンの特徴は初めは表示が無く、画面を下へスクロールしていくと、いつの間にか自然に現れることです。これもボタンですからクリックすると、画面のＴＯＰへ戻る事ができます。

特に検索機能等で、otosan pageを初めて訪問された方や、サイト内で迷ってしまった方に便利な、一番上のリンクバーから、簡単にindex pageへ直行出来る仕組みにしてあります。

従来は、下に長いページのみ、戻る為のバーを複数個設置していましたが、ＨＰ作成上レイアウト崩れを起こしやすい複雑なやり方のため、時間を浪費していましたから、同じ効果が得られ設置が簡単なため、今後作成するページはこれでやります。