動画素材.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があるのでそちらをクリック


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



Related Articles:

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

執筆者:


コメントを残す

関連記事

wordpress-logo-hoz-rgb

WordPressを使って1年以上経ったのでここらへんで何を使っているのか少し紹介

2011年10月からWordPressを使ってのブログ運営を開始しました。それまではココログを使っていました。 レンタルサーバーで動画素材.comのサイトを運営しはじめたので、だったらブログも移行しち ... 続きを読む

SyntaxHighlighter Evolvedでクリップボードにコピーアイコンが表示されていない時の対処方法(WordPress) Image.3

SyntaxHighlighter Evolvedで「クリップボードにコピー」アイコンが表示されていない時の対処方法(WordPress)

現在WordPressでブログをやっていますが、時々コードなりなんなりを表示させる時がありまして、 その時に使っているのが「SyntaxHighlighter Evolved」です。 SyntaxHi ... 続きを読む

WordPressの手動アップグレード方法

WordPressの手動アップグレード方法

WordPressの手動アップグレード方法を記しておきます。 ここ最近WordPressの自動アップグレードがうまくできなくなりました。 サーバーの問題なのかなんなのか。 なのでどうしても手動でやる事 ... 続きを読む

youtube-icon-full_color

サイトに貼ったYouTubeの動画を自動再生自動ループ及びミュートさせる

自分のサイトでYouTubeの動画を自動再生自動ループでなおかつミュートさせていますのでそのやり方を残しておきます。 やりたかったポイントとしては ・自動で再生する。 ・自動でループする。 ・ミュート ... 続きを読む

WP-VR-view

WordPressでVR画像やVR動画を表示できる【WP-VR-view】を試してみる。

WordPressでVR画像やVR動画を表示できるプラグイン【WP-VR-view】を試してみます。 https://ja.wordpress.org/plugins/wp-vr-view/ Rela ... 続きを読む

新刊「動画素材123+45 まるごとフリーでつかえるムービー素材集」


・大人気の動画素材集シリーズ第4弾は、過去2作品から選りすぐりの動画がフルハイビジョンで復活! 

新作も加えた〈123+45〉=〈168点〉、2層式DVD-ROM × 2枚組みの大ボリュームでお届けします!!12/17全国書店で発売です。商用利用にも使えます。


FHD動画素材123本収録「動画素材123FULL」 動画素材123FULL

動画素材123FULL
まるごとFREEでつかえるムービー素材集












CLOSE
CLOSE