やまでら くみこ のレシピ

短時間で簡単に作れる人気家庭料理を紹介。

WordPressプラグイン「Search Regex」。正規表現を使ってHTMLタグを置換する方法。

投稿日:2014年10月13日 更新日:

seach regex

ブログ記事のHTMLタグを書き換える際には、WordPressプラグイン「Search Regex」が便利です。
通常の置換はもちろん、正規表現を使った置換もできるんです。

今日は、そのSearch Regexを使ってHTMLタグを書き換える方法をご紹介します。

正規表現が活躍するのはこういう場面

例えば、次のようなHTMLタグがあったとします。

<div class=”myclass”>◯◯◯</div>

このタグはブログ内の様々な記事で使われているので、当然、◯◯◯の部分は、記事ごとに異なります。

では、例えば、このタグ内のdivをh3に一括で書き換えたい場合には、どうすればよいのでしょうか。

◯◯◯の部分が記事ごとに異なるので、ノーマルな置換では対処できません。
なにか別の方法を使う必要があります。

こうした場合に力を発揮するのが正規表現なんです。
正規表現を使うと、◯◯◯の部分が曖昧なまま検索することができます。
便利ですね。

正規表現を使った置換方法

先ほどのdivをh3に置き換えるには、Serch Regexで次のように指定します。

  • Search pattern
    /<div class="myclass">(.*)<\/div>/
  • Replace pattern
    <h3 class="myclass">$1</h3>

Search pattern内の.*は、任意の文字を表しています。どんな文字でも、また何文字であっても構いません。
そして、.*を囲む()は、グループ化するための演算子です。()でグループ化された文字が、Replace patternの$1の部分に表示されるんです。

正規表現の解説は、サルにもわかる正規表現入門が分かりやすいです。

あと、実際にSearch Regexを使う場合には、[WordPress] 全記事の置換を行う – Search Regex|pc.casey.jpも参考になります。

正規表現は、とっつきにくいですけど使いこなすと便利ですよ。
でも、最悪の場合、記事がぐちゃぐちゃになる可能性もあるので、バックアップをしたうえで試してみてくださいね。

画像引用元:Steampunk (photo by vonslatt) by Floor

関連記事

HTMLタグとCSSで太字表示する3つの方法。

ブログを書くときなどに、HTMLタグやスタイルシートでテキストを太字にする方法をご紹介します。一番シンプルなのは、<b>タグを使…

短いメタデータ(descriptions)。All in One SEO Packの自動生成が原因でした。

Googleのウェブマスターツールでこのブログの状況を確認していたら、いくつかの記事に「短いメタデータ(descriptions)」という警…

wordpress

WordPressをブルートフォースアタックから守るために、最低限やっておきたい.htaccessの設定

世界中で頻発する、WordPressを狙った不正なアタック。その手口の多くは、「ブルートフォースアタック」と呼ばれる、パスワードの総当たり攻…

Stinger3カスタマイズ。yet another related posts pluginで関連記事を表示する。

関連記事を表示してくれるプラグイン、YARPP(yet another related posts plugin)。このWordPressプ…

楽天ランキング上位の商品を、全自動でアフィリエイトする方法をご紹介します。

WordPressで運用しているブログに楽天市場の人気商品を自動で貼り付ける方法を、ご紹介します。一度設定をしておけば毎日更新されるので、手…

おすすめ記事

さつまいものレンジでの蒸し方。短時間で柔らかく!ふかし芋の簡単レシピ。

さつまいもを電子レンジで蒸して、ふかし芋を作る簡単な方法をご紹介します…

さつまいもの上手な保存方法。常温、冷蔵、冷凍の3つに分けて紹介。

さつまいもの保存方法をご紹介します。紹介するのは、「常温」・「冷蔵」・…

ゆで卵の作り方。茹で時間は何分?半熟や固ゆでの簡単基本レシピ。

ゆで卵の作り方を動画でご紹介します。鍋を使って作る、ゆで卵の簡単レシピ…

味噌汁の具材の組み合わせ人気100選。具だくさん味噌汁のアイデア集。

お味噌汁の具の組み合わせを、一挙にご紹介します。人気の定番レシピから、…

生落花生(ピーナッツ)の炒り方!レンジ・フライパン・オーブンを比較。

生落花生の炒り方(煎り方)をご紹介します。乾燥生落花生を、フライパン・…

なすの人気レシピ17選。簡単メニューからメイン料理まで一挙紹介。

なすの人気レシピ17品をご紹介します。レンジを使った簡単レシピや、メイ…

人参の人気レシピ22選。作り置きやお弁当おかずに便利な簡単人参料理。

人参の人気レシピを22品ご紹介します。当サイトの数多くの人参レシピの中…

さつまいもの蒸し方。簡単で美味しいふかし芋!鍋やフライパンでもOK。

さつまいもの美味しい蒸し方(ふかし方)をご紹介します。特別な道具がなく…

糖質制限ダイエットの人気レシピ88選。低糖質で簡単!食事メニューまとめ。

糖質制限におすすめの人気レシピ88品をご紹介します。使っている食材は、…

なすとひき肉の甘辛あんかけレシピ。丼にしても美味しい!和風簡単料理。

なすとひき肉を使った、醤油風味の甘辛おかずのレシピをご紹介します。なす…

えのきの肉巻きのレシピ。甘辛で濃厚!お弁当の人気おかずの作り方。

えのきの肉巻きのおすすめレシピをご紹介します。豚バラ肉でえのきをクルッ…

豚肉と厚揚げの簡単レシピ。濃厚でコク旨!豚こまの柔らか炒めの作り方。

豚肉と厚揚げを使った炒め物の簡単レシピをご紹介します。豚こま切れ肉・厚…

ソーダブレッドのレシピ。くるみ&レーズンで満足度UP!美味しい作り方

ソーダブレッドの簡単で美味しいレシピをご紹介します。小麦粉に重曹とベー…

くるみのスコーン。カリッと焼いたクルミが旨い!くるみたっぷりレシピ。

くるみスコーンのおすすめレシピをご紹介します。くるみをふんだんに使った…

梨のコンポートの簡単レシピ。柔らか食感が美味い!日持ちは3週間。

梨(和梨)のコンポートの簡単レシピをご紹介します。梨を砂糖と一緒に煮る…

梨の切り方と剥き方!基本からおしゃれ&かわいい飾り切りまで6選。

梨の切り方と皮の剥き方をご紹介します。基本からおしゃれなやり方まで全6…

トルコ料理の有名メニュー大全!ケバブなどの特徴やおすすめレシピも紹介。

トルコ料理の有名メニュー42品の特徴やレシピを、現地からご紹介します。…

ギリシャ料理41品を現地から徹底解説!有名な食べ物をすべて紹介。

ギリシャ料理41品を、写真とともに現地から詳しくご紹介します。ギリシャ…

ムサカの本格簡単レシピ!ギリシャの人気料理を現地から徹底解説。

ムサカ(moussaka)の本格簡単レシピを、本場ギリシャからお伝えし…

最新記事

しらすの卵焼きレシピ。ごま油で風味アップ!お弁当おかずにおすすめ。

しらすの卵焼きのレシピをご紹介します。しらすをたっぷり使い、ごま油・お…

すだちうどんのレシピ。レンジで超簡単!めんつゆを使った作り方。

すだちうどんのレシピをご紹介します。火を一切使わない超簡単レシピになっ…

ニラと豆腐の炒め物レシピ。ごま油のコクで美味しさUP!簡単な作り方。

ニラと豆腐を使った簡単おかずレシピをご紹介します。豆腐とニラと生姜を少…

ブロッコリーとカニカマのサラダレシピ。マヨネーズ&酢醤油で旨さUP!

ブロッコリーとカニカマを使ったサラダのレシピをご紹介します。ブロッコリ…

最小公倍数の計算アプリ。手計算する場合の簡単な求め方も紹介。

最小公倍数を求めるための計算機アプリです。整数は、3つ以上入力すること…