先日も少し紹介しましたがリニューアルの真っ最中の「道路元標」の頁、目玉のクリッカブルマップによる都道府県の選択、凝り出すと止まらない悪癖で、肝心のデータの整理がなかなか進みません。
クリッカブルマップ、以前はご覧の様にHTMLでゴリゴリ書いていたのですが、レスポンシブ対応への障壁になっていたのです。今ではレイヤーに分けたベクトルデータを利用する手法での環境が整っています。地図データもフリー素材もあるのですが、ベクター形式のものはほぼ adobe illustrator の .ai フォーマット、私 Corel ユーザーなんですよね。色々とフリーソフトを触ってみたものの、結局は illustrator の試用版を使って一週間の期限内にやっつけてしまいました、操作方法と云ってもレイヤー分けしてSVG（Scalable Vector Graphics）フォーマットで吐き出すだけですからね。
最初はスマホでの操作を考慮し地域別と府県別の二段階にしてみたのですが、よくよく考えるとこんなまどろっこしい事をしなくても、ピンチアウトすれば地図を拡大できるんですよね、ホント脳みそラスターデータでした。
従って都道府県別クリッカブルマップの出来上がり、左の画像はスマホでのもの。しかしフリー素材とは云え、地図ファンとしてはちょっとネェ長野県小さすぎ。それに関西人には琵琶湖がないのが許せませんので書き足し、ついでに配色もアレンジしてみました、グレー部分は沖縄県を除き道路元標の見つかっていない県(山梨県道路元標は除く)なのですが、SVGファイルは基本XMLなんで illustrator がなくても配色位はなんぼでもさわれます。しかし多くの関西人には栃木県と群馬県っで判るのかしら。
「wordpress」タグアーカイブ
ブログ移転「MovableTypeからWordPressへ」③
相変わらずリニューアルしたブログと格闘しています、スタイルシートをさわりだすとキリがないのは判っているのですが、細かいところが気になりだすとね。最近ではモニターの解像度が大きくなって従来の横幅1024ピクセル縛りから1280ピクセル(SXGA)まで拡げようと画策したのですが、これがなかなか思い通りには行きません、結局は元に戻す事に、と云うか従来のデータが1024ピクセルでの比率で、画像をレイアウトしているので、見た目にも無理があります。 
結局落ち着いたのは従来通り1024×768 (XGA)に合わせたもの、かつで主流だったこのサイズも今では少なくなったのですが、モニターのワイド化で一つのウィンドウをフルスクリーンで見る事もない訳でして。ところでうちのノートPC(Let’sNoteR7)はまだこのサイズです。 
スマホに対応した画面がこちら、メインコンテンツは二段階になります。 
スマホ版ではPC版の左右のサイドバーが下へと繋がります、広告のある右側が先にくるのがちょっと気に入らないのですが。 
ところで過去のデータですが、リダイレクトが巧く行きだすと、MovableType時代の画像データ格納方法のバラ付きでリンク切れがおこって、修正するのにかなりの部分で力仕事になっています。まぁこちらはぼちぼちとやって行く事にします。リンクやコメントがほぼ問題なく移行ができたので上等です。 しかし手間こそ掛かっていますがWordPressに移行して大正解です、不具合のでてきた古いMovableTypeに比べると、情報やツールの豊富さ秀でています、スパムコメントが凄まじく多いのには参りましたが、Xserver側でフィルタを掛けて貰う事で殆ど収まっています。そんなこんなで暫くは自転車ネタが…
ブログ移転「MovableTypeからWordPressへ」②
WordPressには豊富にテーマが用意されているのですが、MovableTypeの時のデサインに近づけ様と3カラムに対応した「Twenty Fourteen」を選び、ウィジェットを配置します。
右側のカラムにもウィジェットを配置。後はスタイルシートに手を入れて、色とサイズを調整して行きます。
「Twenty Fourteen」はスマホやタブレットの画面サイズにも対応したレスポンシブデザインですので、スマホに表示させるとこんな感じになります。
良し悪しはともかく旧来のMovableType版「CanCanの気楽な一日」のデザインに近づけ様と考えたのですが、細かいところをさわりだすとキリがありませんので、この辺で手を打つ事にします。
新しいアドレスは http://canpal.xsrv.jp/wp/ となりますが、現時点でPC版の場合に左側のカラムの「カテゴリ」(月別)のウィジェットのプルダウンの背景色がうまく設定できていません。あと肝心な事ですが旧ブログから新ブログへのリダイレクトが上手く動作していません。そんなこんなですが1月25日付けで公開させて頂く事にします・
ブログ移転「MovableTypeからWordPressへ」①
2005年からMovableTypeにて運用してきました当ブログ「CanCanの気楽な一日」ですが、セキュリティや機能上の理由から、システムをWordPressに移行する事にしました。お手軽な無料ブログサービスが普及している中で、敢えて専門分野でもない事を解説するのも何なのですが、以下備忘録をも兼ねて移転の顛末をば… 最初にブログを始めたのは2004年、NTTデータの無料ブログサービス「Doblog」だったのですが、無料とは云えトラブルの挙句にNTTデータは運用を投げ出してしまい、移転やむなく色々と検討の末、契約しているレンタルサーバーであるXserverが提供しているMovableTypeへ2005年に移転したのです。その後MovableTypeのライセンス体系の変化で、Xserver上でのバージョンアップは4.2.4で終わってしまったために、顕在するトラブルやセキュリティ上の問題を含めて見直しが必要になって、色々と情報収集の結果Xserver上で提供されるWordPressの最新バージョン4.7に移転する事にしたのです。