閉じる

livedoorブログから WordPressへの引っ越し

基本的には 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/


*1 ひどいのは「タグデータ移転のための設定」だけどけど、パッチには「改行問題のための設定」「文字数オーバーのための設定」の変更も含む。

*2 WordPressではファイル名にサイズを含めたり一番小さいサイズでは中央を正方形に切り取るなどしているけど、ここでは単純にサイズ別のディレクトリへ幅を合わせて縮小するだけにする。

コメントを残す

メールアドレスが公開されることはありません。必須項目には印がついています *

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)