スポンサーリンク

WPで記事内の画像など内部リンクは「Search Regex」で簡単に相対パスに一括置換出来る

WordPress

このブログは元々URLのスキームが「http://」で始まってたけど今は「https://」になてます。

WordPressのプラグインや「.htaccess」で「http」に来たアクセスは「https」にリダイレクトすれば良いのだけど、記事内に貼り付けている画像のパスは「HTTPS化」やサイトの引っ越しでURLが変わる事を考えると、相対パスでも良いかなと思います。

僕自身、HTMLのタグ打ちでちまちまと趣味でホームページ作っていた時はローカルでも確認しやすい相対パスが管理しやすく好み。

なので、WordPressの記事内の文集を一括置換出来るプラグイン「Search Regex」で絶対パスの内部リンクや画像などを相対パスに置換する方法を書いていきます。

URLの絶対パスと相対パスの違いについて

例えば、当ブログで絶対パスと相対パスを使った場合、記事に貼り付けている画像のURLは以下のようになります。

絶対パス
https://coronblog.net/wp-content/uploads/2017/09/20170921144720.jpg

相対パス
/wp-content/uploads/2017/09/20170921144720.jpg

絶対パスは、サイトのHTTPS化や引っ越しでURLが変わった場合などに記事内に使ってる画像などのURLのドメインの部分を一つ一つ変えないといけません。

相対パスなら、HTTP化や引っ越しでドメインが変わっても、いちいち変更する必要が無いので管理が楽です。

WordPressでサーバーを引っ越ししてドメインも変わる場合は引っ越しプラグイン「All-in-One WP Migration」を使うとドメインを自動で変えてくれます。(テーマの編集でカスタマイズしたCSSなどのソースに書いてある絶対パスのURLは修正する必要がありますが)

WordPress同士のお引越し!WPからWPに同一ドメインの移転方法
先ほど書いた記事『ブログで借りてるサーバー引っ越しで移転の際に行うべき作業とは』はメモ的な内容なので、独自ドメインとWordPressでサーバーを引っ越しする方法をまとめした。サーバーの移転だけなのでドメイに変更はありません。 移転作...

一括置換プラグイン「Search Regex」の使い方

記事内の絶対パスのアドレスを相対パスに変更します。初めに、Search Regexをインストールしておきます。WordPress管理画面からプラグインをインストールできるので、インストール方法は省略します。

ブログカードには使えません。「http~」始まるURLでカードを作成してるからです。

Search Regexをインストールしたら、管理画面から【ツール】>【Search Regex】を開きます。

画像のアドレスや内部リンクを相対パスに一括置換する

Search pattern:元のURL
Replace pattern:置換後のURL

になってるのでアドレスの一部を入力します。

例えばリンクのタグは

<a href="https://coronblog.net/

画像のタグは

<img src="https://coronblog.net/

のようにURLの手前にダブルクォーテーションが付いているので

Search pattern:“https://coronblog.net/
Replace pattern:“/

のように入力します。

変更するURL(キーワード)を入力が完了したら、『Replace』のボタンをクリックすると置換後の確認ができます。置換するURLを入力する際は、以下のことに注意してください。

ブログカードのアドレスが置換されないようにURLの先頭に「”」入れる

URLだけ「https://coronblog.net」置換すると内部リンクのブログカードのまで相対パスになって表示されなくなります。なので、URL先頭に「」入れます。

先ほど書いたとおり、画像やリンクのタグに「」を使うからですね。

内部リンクでブログカードを使っていて、サイトのURL変更やHTTPS化で、ブログカードのURLを変更にする場合は手作業で修正するかHTTPS化の場合はプラグイン「Really Simple SSL」を使うとよいです。

画像や内部リンクが相対パスになっているか確認

この時点では、まだ置き換えていません。『Replace』のボタンをクリックしたら記事内の該当箇所が修正前と修正後で一覧で出てくるので、相対パスのアドレスになっているか確認します。

 

確認ができ、問題なかったら『Replace&Save』のボタンをクリックして置換させます。

※一度『Replace&Save』をクリックすると元に戻せません。なので、念入りにチェックしてから実行します。慣れない作業ならバックアップするなど失敗しても元に戻せるようにしてください。

URLが相対パスに置換されたかブラウザで確認

ブラウザの「開発ツール」や「デベロッパーツール」から置換されたアドレスの確認ができます。上の画像の赤枠が「/wp-content…jpg」で相対パスに置き換えられています。

内部リンクのテキストも同様に置き換わってます。

まとめ

記事内の画像のアドレスや内部リンクを相対パスに修正するには、WordPressプラグイン「Search Regex」を使うと簡単に一括置換ができます。

ブログカードには使えませんが、記事作成中に画像の挿入やテキストに内部リンクを付けると絶対パスになって、後から修正すると面倒なので「Search Regex」を使うと時間も短縮できて便利です。

「Search Regex」は記事内の文章を一括置換するプラグインです。画像の保存先の場所(階層)を変えた場合は手作業での修正になるので、その辺は注意してください。

こちらもおすすめ→『WordPressを簡単に常時SSL化にするプラグイン「Really Simple SSL」を検証