【初心者】wordpressでクラス、要素を一瞬で検索する方法！Stingerplusでも役立つ！

2016/09/29 2017/03/30

grep

こんにちは。ゆすこです(@shufication)です。
就職当初は分からないことだらけで日々勉強、勉強、、でした。
自分で効率を良くする場合、これらに出会ってたら間違いなく楽だったなというツールです。

wordpressのテーマ内の特定のクラスや、文字列を検索したい。
でも、一つずつファイルを確認するのは面倒。という方にうってつけです。

ブラウザでのデバッグだけでなく、
こういう調べ方を覚えると効率が上がると思います。

使えるテキストエディタはこれ！

grep

これ以上のテキストエディターは無いと思います。
複数のテキストファイルから文字列を検索することができます。
このツールは探したい文字列を瞬時に見つけてくれます。
冗談抜きに、めちゃめちゃ効率が上がります。

さくらエディターを起動

ダウンロードしたら実行して立ち上げてください。
白紙の状態でエディタが立ち上がります。

検索画面を開き、条件指定

次に、"ctrl+g”すると検索画面が開きます。

grep

◆「条件」部分に検索したいキーワードを入力します。
◆「フォルダ」で、検索したいディレクトリを指定します。
◆右側にある「...」ボタンからディレクトリを指定できます。
◆「検索」ボタンで実行できます。

私の場合はC直下にwordpressフォルダを作り、
その中にwp-content以下を入れています。
バックアップの用途も勿論ですが、
ローカルリポジトリを作ってログを取っています。

後は好みで設定すればOKです。
基本的にはこれで検索を行えば、
調べたいファイル、行数がすぐに分かります。

あまりに対象フォルダが深かったり、
検索する幅が広いと多少時間はかかります。

検索後、任意のファイルを開く

検察が終わるとこんな感じになります。
grep

次に、検索結果の任意の行をダブルクリックしてみてください。
キャプチャでは11行目になります。

grep

すると、見たいファイルを開くことが出来ます。
しかも該当行にアンダーラインが入った状態で、です。

ディレクトリからファイルを開き、その行までスクロールしたり、
検索するのは手間がかかるのですが、これだと時短ができるのです。

私の場合、どこのクラスが何を引っ張ってるのかはここで調べています。
IT会社でネイティブアプリを開発していた時にこれを使っていましたし、
wordpressのカスタマイズ時も使用しています。

後は参考までに、ctrl+rで置換も出来ちゃいます。
文字列を書き変えるのが面倒な時はこれで一発です。

始めたばっかりで右も左もわからない、
という方にはうってつけだと思います！
今回はここまでです！
お付き合いのほど、ありがとうございました！mm

元IT会社員の管理人ゆすこです。

マイペースにみんなで週に2～4記事更新中！