いくつか変更:記事リスト、“続きを読む”、...
- サイト
先日サイト全体をリニューアル(2014.4.18)したときに“ひ to り go と”は変更なかったんだけど、見た目の変更は必要なくてもユーザのことを考えるといくつか直す部分があるだろうと思ったので PHP で動く“ひ to り go と”システムをアップデート。
ナビゲーションバーをデフォルトで表示
これまでのデザインは「記事を読むのに余計なものは視界から消したい」という作者の気持ちが大きく反映されていたけど、いろいろ省略しすぎていてほかの記事へ行き来する方法がわからない人が多かったのではないかと反省。
ページ上部にナビゲーションバーがあったんだけど普段は隠れていた。カテゴリーや月の一覧を表示するのに上部の▼を押すなんて気づかないか。なので表示するのをデフォルトにしました。 (記事を読むときに邪魔な人は▲で隠すことができます。作者以外にわざわざ隠す人もいないだろうけど。)
記事の一覧
複数の記事を表示しているとき、ページ上部にそれらのタイトル一覧を表示するようにしました。
続きを読む
Timinder の紹介記事(2014.4.26)を書いて HTML5 の video タグを使ってビデオを置いてみたけど、これがサイトトップで表示されると毎回読み込まれてサーバの負担が心配になる。
なので“続きを読む”に対応しました。
もともと記事を省略されていちいちページを移動するのが好きではなかったので記事単独ページ(パーマリンク)に移動しなくても全文読めるようにしていたけど、何か記事を探しているとき興味のない長いコードなどあったら邪魔だろうという気もしてきたので過去の記事もいくつか省略するようにしてみた。
今回の記事のようにわざわざ省略するほどでもない記事は全文表示する方針なのでご安心を。
過去/未来のボタン
ナビゲーションバーには [←|→] ボタンがあるけど、ページの最後まで読んだときに押すのが面倒なので最後の記事の下にも同じ役割のボタンを追加しました。
ツイートボタン
シェアシェアうるさい世の中。基本的にソーシャルメディアが嫌いだけど Twitter のシンプルさは割と好き。なので記事単独ページの下部にツイートボタンを置きました。
サイト公式 Twitter アカウントも用意しているくせに今更の対応ではあるけれども。
Share
リンクも共有もお気軽に。記事を書くモチベーションの向上に役立てます。