静的HTMLサイトをMODXに徐々に移行したい

[yama]

お待たせしました
http://cmstest.info/
上記、インポートしてみました。数分程度の手作業で軽い調整を加えましたが、ほぼインポートしたままです。

エンコードが変換されていないという件は、元のファイルを削除していないために、MODXで生成されたページではなく元のファイルが表示されているからではないかと思いますが、いかがでしょうか？

[yama]

よく見てみるとリンクがつながってないみたいです。リンク変換機能はオマケ的な扱いで設けてますが、今回のようなサイトだと手作業で全部を張り替えるのは難しいと思います。もしよければ、さらに調整してみます。

[tomoac]

作業いただきありがとうございました。
取り込んだあと削除しないといけないんですね。
取り込んだということは、データベースに入ったんでしょうか？
MODXに取り込んだことで、デザインを変更する場合、どんな方法がありますでしょうか？

[tomoac]

よく見てみるとリンクがつながってないみたいです。リンク変換機能はオマケ的な扱いで設けてますが、今回のようなサイトだと手作業で全部を張り替えるのは難しいと思います。もしよければ、さらに調整してみます。

どこのことでしょうか？書かれていることがよくわかりません。

[yama]

リンクは先ほど修正しました。せっかくですので、もしよければ修正済みのデータをお渡しします。ファイル数は1万以上ありますが、ページ数は3500ページ程度のようです。

http://cmstest.info/goodstream/soycms/
http://tomo.ac/goodstream/soycms/index.html
上記を見比べていただけると分かりますが、ヘッダ部分のSNSボタン(Twitter・facebookなど)がもともと正しく表示されてませんでしたので、簡易のスニペットを作って修正してみました。他にも何点か気付いた点がありましたが、MODX側の問題というよりは、サイトの構成がある程度揃ってないために起きる問題なので(手作業で作っているサイトなので普通によくあることと思います)、時間をかけて解決していくしかなさそうです。効率よく解決していく方法はいくつかあります。

デザインの変更ですが、テンプレートレベルでの変更ということと思いますが、テンプレートを作る必要があります。複雑な構成のレイアウトではないので簡単に作れそうですが、FrantPageでテンプレートを作っている場合はそれを流用することもできると思います。

[tomoac]

データをいただけるならお願いします。データベースのデータになりますかね。

テーマを作れば変更できるようで助かります。とりあえず自分で調べて作ってみますが、およそどんな風に作れば良いのか、解説ページの情報があればありがたいです。
自分でやってみて、わからないところはまた質問を投げます。

ソースを除いていただくとわかりますが、SNS等ですが、実はSSI（いまやだれも使わないですが）で取り込んでいます。ソースが違う訳ではありません。

[yama]

http://tomo.ac/goodstream/soycms/index.html
ソースを見てみたのですが、phpコードがそのまま出力されているみたいですよ。(<?phpという文字列で検索すると数箇所あります)
このへんはMODXではスニペットという仕掛けを使うと簡単で、

コード: 全て選択

return $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

上記のような一行スニペットを「url」という名前をつけて保存して、ソース中に <?php echo $url; ?>などと書いている部分を [[url]]というコールで置き換えます。

http://cmstest.info/goodstream/soycms/
SSIを使っている部分はソース中に3ヶ所ありましたが、MODXではチャンクという仕掛けでそのまま置き換えることができます。上記ページはチャンクで置き換えてあります。

http://modx.jp/docs/tags/rv/
テンプレートの作り方は上記ページなどに書いてあります。真ん中あたりに「リソース変数の使い方・実例A」というのがあって、これを見ると分かりやすいと思います。

明日になると思いますが、データをもう少し整理してお渡しします。MODX本体も少し修正が必要なので、修正のうえ公開します。

[yama]

遅くなりましたが、データを調整しました。別途にPMでお送りします。もし使えそうなら使ってみてください。

メモ書きですが、以下のような調整を行ないました

「ﾂバﾂイﾂト」 → 「バイト」16257件
<!--#include virtual=\"/headbtm.html\"--> → {{headbtm}} 2794件
<!--#include virtual=\"/bodytop.html\"--> → {{bodytop}} 2725件
<!--#include virtual=\"/bodybtm.html\"--> → {{bodybtm}} 2682件
<!-- #include virtual=\"/bodytop.html\"--> → {{bodytop}} 3件

<?php $url = $_SERVER[\'HTTP_HOST\'].$_SERVER[\'REQUEST_URI\']; ?>\n → 削除 4件
<?php echo \' data-url=\"http://\'.$url.\'\" \' ?> → data-url="[(site_url)][~[*id*]~]" 4件
<?php echo \'http://\'.$url; ?> → [(site_url)][~[*id*]~] 8件
<?php echo $url ?> → [(site_url)][~[*id*]~] 4件
grade.js → utf-8に変換
http://tomo.ac/grade.js → [(site_url)]grade.js 20件
http://good-stream.com/grade.js → [(site_url)]grade.js 5件
http://good-stream.com/copyright.js → [(site_url)]copyright.js 5件

\"tomo.gif\" → \"[(site_url)]tomo.gif\" 5件
\"line.gif\" → \"[(site_url)]tomo.gif\" 39件
\"listsmak2005.gif\" → \"[(site_url)]listsmak2005.gif\" 529件
index.html → / 8538件
index.htm → / 275件
htm → html 2975件

管理画面のバックアップマネージャーのスナップショット画面でSQLダンプを生成し、これをテキストエディタで直接編集してインポート反映しました。同じパターンの修正が多い場合はこの方法が早いです。

grade.jsはShift_JISの日本語文字列が含まれているので、utf-8に変換しないとフッタの「このページの情報が役立った！という方は」フォームが文字化けするようです。


SNSボタンの件は、上記のように調整しました。