Edited at

【Wordpress】ドメインを変えたらJSやCSSが効かなくなる事件

Wordpressサイトのドメインを変えたらJSやCSSが効かなくなってひたすらに焦ったのでメモ。


使用環境


  • ロリポップサーバー

  • ムームードメイン

  • Wordpress


再現手順


  1. wp-test.comに作業ディレクトリをデプロイ。無事に画面を見ることができる。

  2. ロリポップ上でtest.comにドメインを変更。

  3. cssやjsが当たらなくなり焦る。


原因

WordpressではDB上に保存されているデータは、ドメインを参考にして保存されている。だから、それらを全て書き換えないといけない。


解決方法


  1. ロリポップ上からphpMyAdminに入ってDBの中身をexport。

  2. ローカルでSQLファイルを開いて、旧ドメイン箇所を新ドメインに書き換える(一応ファイルのバックアップは取っておきましょう)

  3. 編集したSQLファイルをimport

  4. 画面を見るとCSS/JSが適用されている

Wordpress開発も一人でやると詰まるところが多い。