基本的には livedoorブログからWordpressへの移転方法の通り。
ただし、CMSの性質なのかコードの書き換え部分がひどいのでパッチを掲載しておく。*1
movabletype-importer.php-livedoor-to-wordpress.diff
WordPressに移植された投稿をスマートフォンで見ると画像のアスペクト比がおかしくなってしまう事に気がつく。
WordPressへ直に投稿された記事だと問題ない。
viewportの問題らしいね。
直投稿の方は幅によって画像を切り替えてるわ。
同じように対応させる事にする。
まずは縮小画像の作成。*2
wp-content/uploads/imgs$ rm -rf s ; find -name '*.jpg' -exec mkdir -p m/{} \; -exec rmdir m/{} \; -exec convert -resize 150 {} m/{} \;
wp-content/uploads/imgs$ rm -rf m ; find -name '*.jpg' -exec mkdir -p m/{} \; -exec rmdir m/{} \; -exec convert -resize 300 {} m/{} \;
先の URLで行っている imgs/の置換は行わずに以下の手順で置換を。
正規表現を使って imgタグの srcを置換。
src=”http://livedoor.blogimg.jp/example/imgs/([^”]+)”
src=”http://www.example.com/wp-content/uploads/imgs/\1″ srcset=”http://www.example.com/wp-content/uploads/imgs/s/\1 150w, http://www.example.com/wp-content/uploads/imgs/m/\1 300w, http://www.example.com/wp-content/uploads/imgs/\1 600w” sizes=”(max-width: 600px) 100vw, 600px”
正規表現を使って imgタグの classを置換。
class=”?pict”?
class=”alignnone size-full wp-image-404″
imgタグ以外の画像 urlを置換。
http://livedoor.blogimg.jp/example/imgs/
http://www.example.com/wp-content/uploads/imgs/
残りの urlを置換。
http://livedoor.blogimg.jp/example/
http://www.example.com/