Regex』関連の記事になります。Regex』はまだまだ便利な使い方があるので紹介したいと思います。解説まとめはじめに見出しタグはSEO的に必須!見出しタグはSEO(検索エンジン最適化)的に本当に大事な設定です。見出しタグのルールを確認します。ページ構成と関係ない意図で使ってはいけない!見出し1は1ページに1つ!見出しタグの順番を守る!これは基本中の基本です。ワードプレスでは、記事のタイトル部分がh1として設定されています。その時点で記事内に使っていい見出しタグはすべてh2以降のタグです。このルールに沿って例をだすと、<h1>記事のタイトル</h1><h2>大見出し</h2><h3>中見出し</h3><h4>小見出し</h4><h2>大見出し</h2><h3>中見出し</h3><h4>小見出し</h4>このようにh1は一つで、h2からをループさせていくように見出しを設定していきます。h2の後にh3がなくてh4になっているということは厳禁です。以前僕は、はてなブログでブログを2年ほど運営してきました。ワードプレスに移行を決め移行作業をしているとあることを思いました。ジョージそういえば、はてなブログってh2がないじゃん。はてなブログの仕様で何故かはてなブログにはh2が抜けているのです。記事タイトルがh1タグで、記事内の大見出しはh3タグです。これを解決させるためのスクリプトやツールを作ってくれているはてなユーザーもいましたが、ワードプレスに移ったのならキチンと設定し直さなければなりません。僕ははてなブログしか使ったことがありませんが、他のブログサービスからワードプレスに移転する時も同じようなことがあるみたいですね。ワードプレスで使用しているテーマのバージョン変更などでも、見出しの構成が変わることもあるようです。そこで今回は、はてなブログから移転してきた約100記事の見出しを一撃で簡単に、最速で修正しようと思い立ったわけです。強力な標準検索機能と置き換え機能を追加します。これらは、標準の検索機能を超えて、あなたのサイトに保存されているほぼすべてのデータを検索置換することができます。正規表現をフルパワーで自由に使うことができます。引用元:https://ja.wordpress.org/plugins/search-regex/とても難しそうな文章ですが、要は検索して置換です。Wordpress上の様々な文字列を検索して、一気に置換することができます。Regexは英語のプラグインで日本語化もできますが、とても簡単なので気にならないかと思います。今すぐインストール有効化でインストールする手順のどちらかになります。こちらの方が簡単でおススメです。インストールすると、管理画面の『ツール』のタブの中に表示されます。Regexを開いてください。pattern...置換したい内容の文字列という意味です。下の3つのボタンの意味です。Save」を押しますが、これを押すと後戻りはできなくなるので、慎重にしてください。pattern)にこれを入力してください。置換前の文字列|<h3(.*)</h3>|入力したら「Regex」にチェックを入れて「Search」を押してください。「Regex」にチェックを入れると「正規表現を使用する」という意味合いになります。検索出来ていたら次に行きます。置換後の文字列<h2$1</h2>入力したら真ん中のボタン「Relace」で置換してみましょう。保存されるわけではないので安心してください。Save」を押して作業終了です!続いて、他のh4やh5の見出しを変更するときは、数字を変化させるだけなので簡単ですね!必ず、一番大きな見出しからやりましょう!最初にh3をh2に変えちゃうと、全部h2になってしまい大変なことになります!もう後戻りはできません。今回使用した”正規表現”を使ったコードを簡単に解説します。|<h3(.*)</h3>|h3に挟まれた『(.*)』の部分は、何文字でも何語でもいい文字列という意味です。「h3に挟まれているところを探してね!」ということです。ここで注目するのは、|<h3(.*)</h3>|の赤い部分です。h3の右側の「>」がないんです。これは何を意味するのかというと、h3に付随させていたIDやクラス、スタイルも指定したかったからです。今度は、置換したい文字列です。<h2$1</h2>この「$1」は置換前の()の中身を貼り付けるという意味です。カッコの中身が入っている状態の例を出すとこうなります。僕の記事内に使用していた見出しのコードには、クラスやスタイルがたくさんくっついていました。これも一緒に引き継ぎたいという思いがあり、このような形のコードになりました。このコードのいいところは、上記の理由の他に、思いも寄らないクラスやスタイルが付いちゃっている見出しのパターンもフォロー出来るところです。ブログの編集をビジュアルモードで書いている人あるあるです。Regex』を使って<h3>を<h2>にするっていう置換も全然OKなのですが、それだとクラスが付いているタグは検索できないんです!ね、便利でしょ?ジョージ我ながらとても分かりやすい図ですね。“正規表現”に関してはこちらのサイトがとても分かりやすく解説しているので、気になる方はチェックしてみてください。まとめ検索しても意外に、今回の内容のようなサイトが見当たらなかったので中々苦戦しました。正規表現とか初めてでしたし。世の中便利なプラグインがたくさんあって、本当に助かります。製作者様たちには感謝と尊敬しかありませんね。コメントをキャンセルメールアドレスが公開されることはありません。*名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ΔRECOMMENDこちらの記事も人気です。冷えと便秘に効く?「玄米コーヒー」の美味しい飲み方と感想をレビュー!ABOUTこの記事をかいた人ジョージ東京生まれ東京育ち。フレンチのコックからIT業界に飛び込み、アプリ制作会社を友人と経営してたけど、結婚して会社を抜けて北海道に移住。現在は北海道でサラリーマンをやりながら、野望に向かって切磋琢磨。