『Search and Replace』で文章の置き換え作業を効率良く済ませましょう

この怪文書をご覧ください。

これ、僕のブログのHTMLなんですけど、

tensen
<h3>料理:網代御膳</h3>

となっています。

解説
・tensen:点線
・h3:見出しのこと。h1 (タイトル) → h2 (大見出し)→ h3 (小見出し) って感じ。

解説するとこんな感じでして、

<h3>料理:網代御膳</h3>の状態で出力すると見出しがこうなります。

ブログを始めて数週間は無料テーマを使ってたのですが、”h2”を使うとめっちゃヘンテコな感じで出力されてたので”h2”を一切使わずに h1 (タイトル) → h3 (小見出し) を使ってまして、その名残で170記事近く書いてましたがなんとなく”h2”を使った方がいい気がしてきたので、

h3 → h2 にしましょう

1.編集画面を開く
2. h3 の部分を
3. h2 に変える
4.全部変更できてるか確認する
5.更新する

という方法も考えたのですがクソ面倒なのでテクノロジーを駆使しましょう。

こいつを使います。Safari では置換が今のところできないみたいなので Google Chrome を使いましょう。

これです
https://chrome.google.com/webstore/detail/search-and-replace/bldchfkhmnkoimaciljpilanilmbnofo/related?hl=en-GB

>>https://chrome.google.com/webstore/detail/search-and-replace/bldchfkhmnkoimaciljpilanilmbnofo/related?hl=en-GB

Google Chrome でこのURLを検索窓に打ち込むかクリックするかで一発でアクセスできます。超優良サイトですね。

右上の Added to Chrome をクリックすればこうなります。

ということで『魔法:Search and Replace』が使えるようになりました。おめでとう。

Search and Replaceの使い方

クリックするとこのような窓が出てきます。

・Search for:変えたい標的の文字を入力
・Replace with:どのように変えたいかを入力

です。僕の場合、<h3> → <h2>なのでこのようになります。

んで Replace All をクリックすると全部 <h2> になりました。最強です。ありがとうございます。

置き換えだけではなく不要な文字を消せるぞ

このように要らない文章を抹殺したいなーって時は”Replace with “の部分を空白にすると闇に葬ることができます。

今回使った Google Chrome のおすすめショートカットキー

・Command 押しながら URL をクリック:新規タブで開く
・option + command + → :右のタブに移動
・option + command + ← :←のタブに移動

この3つで死ぬほど捗りました。

僕の場合170記事くらいを全て新規タブで開き option + command + → で操作しながら無心で Replace All をクリックし続けました。

まとめ

ということで気持ちよく見出しが整理ができました。時短 is QOL上昇。何事も賢く頭を使って解決していきましょう。

500 Internal Server Errorの原因を突き止め解決しました PageSpeed Insightsの結果が悪かったのでサイトの設定見直し:壁紙を削除する編

コメントを残す