動画素材.com/ブログ

動画素材ダウンロード配布・VJ 4K2K CG・書籍「動画素材123」、PV・MV、映像制作関連、Mac・iPhone・iPad。動画素材.com/ブログ

chrome拡張機能 Search and Replace WordPress

WordPressの記事編集で検索置換したい時に使っているchrome拡張機能【Search and Replace】

投稿日:2017年1月9日 更新日:


WordPressの記事編集中に「この単語をこれに全部置き換えたい」といった時に自分が使っているchrome拡張機能【Search and Replace】をご紹介します。

https://chrome.google.com/webstore/detail/search-and-replace/bldchfkhmnkoimaciljpilanilmbnofo
wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch


WordPressの検索置き換えなどでGoogle検索すると大抵「Search Regex」がヒットします。「Search Regex」も良いプラグインだとは思うんですが、自分が使うにはどうにも中途半端で使えません。


例えばこの文章を消したいとか置き換えたいといった時には文章だと文字数多いせいか「Search Regex」の検索ではヒットしないんですよね。
そして「Search Regex」は全記事対象となっているんですが、この記事だけといった事はできない。


とりあえずは今編集している記事の中だけでも検索置き換えしたいんだけど…
といった時にchromeの拡張機能でなんとかなったのでそちらをご紹介します。


chrome拡張機能【Search and Replace】で検索置き換え

【Search and Replace】のインストールはこちらから。

https://chrome.google.com/webstore/detail/search-and-replace/bldchfkhmnkoimaciljpilanilmbnofo


chromeにインストールするとこのようなアイコンがツールバーに表示されます。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

ここから【Search and Replace】を使えるようになります。


使い方の一例ですがWordPressで記事編集している時に例えばこの<h5>と</h5>のタグを<h4>と</h4>に変換したいなあとします。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

ツールバーに表示されているこのアイコンをクリックします。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

そうするとこのようなウィンドウが出ます。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

とりあえず<h5>を検索して<h4>に置き換えしていきます。

「Search for」の欄に<h5>
「Replace with」の欄に<h4>
そして「Input fields only?」の所にチェックを入れます。


そうするとこのようになりますね。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

下に「Replace NEXT」と「Replace All」というボタンがあります。
全部の<h5>を<h4>に置き換えたいので【Replace All】をクリックします。


そうするとこのようになりました。すべての<h5>が<h4>に変更されているのがわかります。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

次に</h5>を</h4>に変更します。

【Search and Replace】の虫眼鏡アイコンをクリックして次のように入力します。
「Search for」に</h5>
「Replace with」に</h4>
「Input fields only?」にチェックを入れたままで。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

【Replace All】をクリックするとこのようになりました。

wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%a6%e3%82%99%e6%a4%9c%e7%b4%a2%e7%bd%ae%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bch

これで目的の<h5>と</h5>を<h4>と</h4>に変換する事ができました。


【Search and Replace】をインストールした後にヘルプが見れるのでそちらにも目を通しておくと良いかと思います。(英語)
虫眼鏡アイコンをクリックした後に出るウィンドウの右下にHelpがあるのでそちらをクリック


自分は今のところこのように使っているのですが、他に何か良いのがあれば教えてください。



追記で【Search and Replace】注意事項

どうも日本語入力中に変換を確定した時点で置き換え作業がされてしまうようなので
できればコピペでそれぞれ単語を入力した方が良さそうです。


-chrome拡張機能, Search and Replace, WordPress

CLOSE
CLOSE

Copyright© 動画素材.com/ブログ , 2017 All Rights Reserved.