既存のサイトを携帯用に変換するpc2m

さて、記事が多いサイトで、UTF-8(またはEUC-JP)で、イラストや写真がいっぱいあって、とても作り直してなどいられない、というサイトを携帯対応させたいとします。(私のサイトのことですね。)
多少デザインが見づらいとかは目をつぶってもらえるかもしれませんが、文字コードや画像形式の問題、そもそも表示されない。いったいどうしたら?

私のサイトは、全体を MovableType(blogシステム)を使って構築しています。
タイトル、本文などはデザインとは別にデータベースに保存されていますから、そのデータベースから新たにページを組み直し、Shift_JISで出力することができれば、携帯サイトを作ることができます。

そのために使えるフリーcgiスクリプトが配布されています。
MT4i
が、私はこのスクリプトは使いませんでした。私のサイトはいろんな話題が混在しているので、これだとものすごいカスタマイズを加えないと、ユーザビリティ的にどうかと思ったので。


代わりに使ったのが、こちらです。
pc2m

これはフリーのPHPスクリプトです。PC用サイトを携帯用に変換してくれるものです。
文字コードを変換し、
携帯で使えないタグを除去し、
画像形式・サイズの変換もしてくれる、すばらしいスクリプトです。

設置urlにPCサイトのURLをつけてアクセスすれば変換できる......ようするに、自分のサイトだけではなくあらゆるサイトも変換表示できる、汎用のサービスとしても使えます。
設置手順などは作者のサイトにあります。


ただ、私のサイトは、「既存のサイトを携帯対応させる」で触れたように、
●縦2つに分割・上にメニュー
●headタグ内にJavaScriptを埋め込んでいる
サイトなので、PCサイトを変換してそのまま携帯で見てもあまりうれしくありません。


そこで、MovableTypeのテンプレートを追加し、携帯用に簡易表示したページを出力して、それを「pc2m」で変換して見ることにしました。
簡易出力したページをGoogleモバイルサイトマップに登録しています。(つまり、UTF-8でも携帯サイトとして登録できないということはないみたい)

  ↑
こんなかんじ

素晴らしいスクリプトですねpc2m。

なお、携帯ページ(変換後)のアドレスをPCで見ようとしてもアクセス拒否される設定にしてあります。
変換後のページはqrコードからご覧ください。


残る課題は絵文字対応。デフォルトでは変換してくれませんが、pc2mで絵文字対応してらっしゃる方もいるので、気が向いたらやります。今はメモのみ......
このエントリーをはてなブックマークに追加 はてなブックマーク - 既存のサイトを携帯用に変換するpc2m RSS mailform

見る

▲このページを読み返す

次に書いたページ  Google Chart APIでQRコード表示

前に書いたページ  既存のサイトを携帯対応させる

このページのタグ

関連するページ
関連する本
このページへリンクする


このページへトラックバック

※ このページに言及してない記事からのトラックバックはSPAMとみなして削除します。
※ 管理人が承認するまでトラックバックは表示されません。

あにめはっく.jpとは?
イラスト等の講座サイトです。
個人でやってます。
本館は 銀の月動画計画

玉英って誰?
アニメ作ったりイラスト描いたり
プラグインやフォントや素材作ったり
色々してる謎の人です。
プロフィール

■無料フォントダウンロード等
よく訓練されたフォント屋
■背景素材・絵コンテ用紙等
よく訓練された素材屋@あにめはっく.jp
西洋ファンタジー風誤変換人名辞書データベース もめいよふ オンラインボイスの総合カタログ VoiceFL@G▼
■参考サイト リンク集
アキツセントラルTV
■作品のサイト
超法戦隊S.T.7
霊珠

玉英/ザラスドットコム作品一覧

参考書籍等紹介

おすすめ一覧

リンク・RSS

リンクはご自由にどうぞ。

相互リンクご希望の方

このサイトは、次のライセンスで保護されています:
CCライセンス■表示-非営利-継承
クリエイティブ・コモンズについて

購読する このブログの読者になる

QRコード モバイル版こちら

作品購入

このサイトのバナー
Powered by Movable Type 4.01