ホームページ作成/ホームページ作成テクニック、小技

たくさんのリンクを正規表現で楽に一括更新する方法

複数のHTMLファイル内にある「リンク先URL」・「リンク文字」・「属性値」などを一度に更新したい場合は、複数ファイルを対象にして一括置換できる機能や、正規表現による置換処理ができるテキストエディタを使うと、とても楽に作業できます。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

リンク関連の記述を楽に一括更新するには

ウェブサイトの移転やリニューアルなどで、複数のHTMLファイル内にあるリンク文字やリンク先URL、属性値などを一度に更新したい場合があります。しかし、HTMLファイルを1つ1つ開いて修正していく方法では、とても手間が掛かってしまいます。そんなときは、複数ファイルを対象に一括置換できる機能や、正規表現による置換処理ができるテキストエディタを使うと、とても楽に作業ができます。

本記事では、Windows用テキストエディタ「EmEditor」を例にして、リンク関連の記述を楽に一括更新する方法をご紹介致します。EmEditorはシェアウェアですが、30日間の試用期間があります。本記事に掲載している画面イメージは、Ver 11.0.3のものです。

「ファイルから置換」機能を使う

指定フォルダ内のファイルを対象に一括置換

指定フォルダ内のファイルを対象に一括置換する「ファイルから置換」

EmEditorの「ファイルから置換」機能は、指定したフォルダ内にあるすべてのファイルを対象にして、指定した条件での置換処理を一気に実行してくれる便利な機能です。

サブフォルダも対象にして一気に置換処理ができる上、ファイルの種類や名称で対象を限定できますから、同じ設定を何度も入力することなく楽に更新作業ができます。置換前の状態をバックアップしておく機能もありますから、安心して活用できるでしょう。

正規表現を使って文字列を置換する

置換対象を正規表現で指定

置換対象文字列を正規表現で指定

単純に特定のURLを置き換えるだけなら、ただ上記の「ファイルから置換」機能を使うだけで用が済みます。しかし、リンクの記述方法にブレがある場合や、似たようなURLを一括して変換したい場合には、正規表現を活用するのが便利です。

EmEditorの置換機能では、正規表現が利用できます。置換前の文字列(検索する文字列)に正規表現を使うことで、ブレのある記述も一括して置換対象にできます。また、置換後の文字列には正規表現の後方参照が使えますから、元の文字列を利用した柔軟な置換処理ができます。

たとえば、正規表現を使うと以下のような置換処理が1回の作業でできます。

記述方法が混在しているリンクの、リンク先URLとリンク文字を修正
同一のページ「http://example.jp/samples/abc.html」に対するリンクとして、
<a href="http://example.jp/samples/abc.html">サンプル</a>
<a href="../samples/abc.html">さんぷる</a>
という記述が混在しているとき、それらのすべてを、
<a href="/yonples/abc123.html">ヨンプル</a>
に修正したい場合、正規表現を使えば1回だけの置換処理で済みます。

URL末尾に付加された文字列を維持したまま、リンク先URLとリンク文字を修正
リンク先URLには、ページ内リンクやアクセス解析の補助などの目的で特定の文字列を付加している場合があります。同一のページに対するリンクとして、
<a href="/samples/abc.html#section3">サンプル</a>
<a href="/samples/abc.html?from=top">さんぷる</a>
という記述が混在しているとき、URL末尾の文字列を維持したまま、それぞれを
<a href="/yonples/abc123.html#section3">ヨンプル</a>
<a href="/yonples/abc123.html?from=top">ヨンプル</a>
のように修正したい場合も、正規表現を使えば1回だけの置換処理で済みます。

リンクの属性を維持したまま、リンク先やリンク文字を一括更新
リンクを作るa要素には、装飾のためのclass属性や、開く先を指定するtarget属性などが付加されていることがあります。例えば下記の3つのようにです。
<a href="/samples/abc.html" target="_top">サンプル</a>
<a class="menu" href="/samples/abc.html">散布留</a>
<a href="/samples/abc.html">さんぷる</a>
上記の3行ように、属性の有無や値、属性の記述位置が異なっていても、それらに関係なく、
  • 属性を全部削除した上で、URLとリンク文字を修正
  • 属性は元の記述を維持したまま、URLとリンク文字を修正
  • 属性の値をすべて同じ値に修正した上で、URLとリンク文字も修正
などの更新が、1回の置換処理でできます。

正規表現を活用すると、テキストの修正作業の効率が格段に上がります。正規表現そのものは複雑な仕様ですが、リンク関連の修正目的だけに限れば、いくつかの書き方を覚えておくだけで、楽に作業できるようになります。

それでは、複数ファイルを対象にした一括置換機能の使い方から見ていきましょう
  • 1
  • 2
  • 3
  • 6
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます