新サイト紹介
2015/01/16
なんとか新しいサイトを紹介することができるようになりました。もし、これが見えているとすると、新サイトへの引っ越しが完了している証拠です。
新しいサイト名はARecoNote15、サイトを置くフォルダー名はarとシンプルにしました。要するに、../ar/にてアクセスしたら、タイトルはARecoNote15だということです。以前のように ar3でアクセスしても、このサイトへ移動するようにしていますが、ブックマークなどをご訂正いただくことをお薦めします。
さて、今回の引っ越しと合わせ、いくつか変更点や改善点あるいは追加したことがあります。
・・・
まず、目につく違いはヘッダーイメージ。従前のヘッダー画像は横幅が1280px、今回は960pxです。あまり横長にすると真ん中にくる肝心のコンテントが間延びするのが気に入らないので思い切って短くしました。少し短くなりましたが、乱数によって画面更新で別の画像になるのは従来といっしょ。
次に年単位で記事を選べるようにしました。1997年からWeb展開してきましたので既に19年間の記事があります。従前これを月単位でアクセスするようにしていたのですが、ズラズラと下に並ぶメニューと選択の面倒さを解消するため、年単位でもアクセスできるようにしました。
3番目は写真に対する表示方法に凝ったこと。数年前から写真への興味が昂じてきました。写真サイトを別に立ち上げようかとも思ったのですが、別段お金を稼ぐわけでもなし。サイトを2つ3つ作るとその分メンテが面倒だし、どうしようかと悩んでいると、blog記事のテンプレートを別建てにすることができることがわかったので、記事の表示スタイルとは別にすることにしました。また、カテゴリー表示では写真のサムネイルを並べることで、写真へのアクセスを視覚化するようにしました。
なお、カテゴリー名に使ったfotoというのはドイツ語の写真。英語のPhotoといっしょです。洒落てみました。
さらにフォントサイズについて。今回いろいろなブラウザでサイトを表示させてみると、フォントの大きさが結構違います。たとえば、MacではSafariとFirefoxでは別のデザインかというほどに印象が異なるのです。個々人のブラウザ設定の違いもあります。どげんしようかと考え、サイドバーにフォントサイズを閲覧者が変更できるような仕組みを追加しました。
左側にA文字が大中小3つついたものがそれ。左の小さなAをクリックすれば使用フォントが小さくなり、右側Aなら大きくなります。標準に戻したい時には真ん中のAをクリック。ご自身の環境で読み易い大きさを選んでみて下さい。以前年配の友人からこの機能を組み込んで欲しいとの要望を受けていましたが、やっと追加しました。長くお待たせしましたことをお許し下さい。
他にもいろいろあります。説明を追加する必要があればその都度追記します。
総じて今回久しぶりにphpやCSSを書き下ろすことで、Webの勉強をし直す羽目になりました。
ARecoNote3では出来合いのWordPressのThemeを自分なりに作り替えていました。今回はソシムのWordPress三部作などを下敷きにしてみました。たしかに、コードを書くのはそれだけで楽しい。あっという間に時間が過ぎていきます。でも、そればかりやっていると日常生活がはかどらず、読みたい本も山積み。どこかで打ち止めにしなければ先に進みません(苦笑)。
また、HTML5やCCS3あるいはレスポンシブ化を意識してあれこれやってみましたが、私の頭がついていかず、未達です。細かい所になると力足らずで、最後は時間節約で出来合いのプラグインをいくつか導入することになりました。放置した点が多々あり、おいおい改善していくつもりです。
さて備忘録を兼ね、テクニカルな話を1つ。
MacでmySQLを操作しようとして、phpMyAdminを使うとSafariでは挙動不審。キャッシュデータが残って邪魔することもあるみたい。そのため、過去のデータベースを移行させるのに難儀しました。その後、ブラウザがfirefoxならあっさりと通してしまうことに気付き、arita.comオープン以来のデータをすべて移動させ、別建てサイト化は中止。何か変ですね〜。ブラウザの出自の違いだけでは説明つかず、納得いきません。Apple変だゾ〜。