パーマリンクに記事IDを設定している場合は、簡単に調べることができますが、そうでないといちいち面倒です。

ですがそんな痒い所に手が届くプラグイン『Show IDs』を紹介します。

『Show IDs by 99 Robots』のインストール方法

Show IDs by 99 Robots

まずはWordpress管理画面の「プラグイン」＞「新規追加」へ移動します。

画面左上の「プラグインの検索」に「Show IDs by 99 Robots」と入力。

『Show IDs by 99 Robots』が表示されるので「今すぐインストール」

からの「有効化」

以上でインストールは終わりです。

プラグインの設定

プラグインの設定等は一切ありません。インストールするだけでOKな超簡単プラグインです！

各IDの調べ方

このプラグインを調べることが可能な、記事ID・カテゴリID・固定ページIDの調べ方です。

記事IDの調べ方

プラグインをインストールするだけで「投稿一覧」ページに「ID」という項目が追加され、記事IDを確認することができます。便利！

カテゴリIDの調べ方

同じように、カテゴリIDも「投稿」＞「カテゴリー」のページに表示されます。便利！

固定ページIDの調べ方

同じように「固定ページ一覧」にも表示されます。

まとめ

「Show IDs by 99 Robots」のようなプラグインは他にも数種類ありますが、こちらのプラグインはとても簡単で使いやすいので特にお勧めです。プラグインを使わずに表示する方法もありますが、初心者の方は無理せずプラグインを利用するのが無難だと思います。

では素敵なWordpressライフを！

前回は、『はてなの画像URL』をWordPressに一括変換する方法と、はてなブログからワードプレスへの移転に特化した記事でしたが、神プラグイン『Search Regex』はまだまだ便利な使い方があるので紹介したいと思います。

本当に便利なプラグイン！Search Regexのおかげでどれくらいの時間をロスしないで済んだか！

はじめに

見出しタグはSEO的に必須！

見出しタグはSEO（検索エンジン最適化）的に本当に大事な設定です。まず見出しタグのルールを確認します。

1. ページ構成と関係ない意図で使ってはいけない！
2. 見出し1は１ページに１つ！
3. 見出しタグの順番を守る！

これは基本中の基本です。

ワードプレスでは、記事のタイトル部分がh1として設定されています。つまりその時点で記事内に使っていい見出しタグはすべてh2以降のタグです。

このルールに沿って例をだすと、

このようにh1は一つで、h2からをループさせていくように見出しを設定していきます。h2の後にh3がなくてh4になっているということは厳禁です。

「見出しの一括返還」の目的と目標

以前僕は、はてなブログでブログを2年ほど運営してきました。そしてワードプレスに移行を決め移行作業をしているとあることを思いました。

そういえば、はてなブログってh2がないじゃん。

そう、はてなブログの仕様で何故かはてなブログにはh2が抜けているのです。記事タイトルがh1タグで、記事内の大見出しはh3タグです。

これを解決させるためのスクリプトやツールを作ってくれているはてなユーザーもいましたが、ワードプレスに移ったのならキチンと設定し直さなければなりません。僕ははてなブログしか使ったことがありませんが、他のブログサービスからワードプレスに移転する時も同じようなことがあるみたいですね。

また、ワードプレスで使用しているテーマのバージョン変更などでも、見出しの構成が変わることもあるようです。

そこで今回は、はてなブログから移転してきた約100記事の見出しを一撃で簡単に、最速で修正しようと思い立ったわけです。

元はてなブロガーは必須の作業なので必ずやりましょう！！

全手順を解説！はてなブログの画像をWordPressに一括移行する方法【はてなフォトライフ】

2018年1月30日

作業の注意点

• この作業では、ワードプレスの無料プラグインを使用します
• プラグインの使用においてはすべて自己責任でお願いします
• もしものためにバックアップを取ることをお勧めします

『Search Regex』とは

Search Regex は、検索のための完全な正規表現をサポートし、WordPress に強力な標準検索機能と置き換え機能を追加します。これらは、標準の検索機能を超えて、あなたのサイトに保存されているほぼすべてのデータを検索置換することができます。単純な検索に加えて、PHP の正規表現をフルパワーで自由に使うことができます。

引用元：https://ja.wordpress.org/plugins/search-regex/

とても難しそうな文章ですが、要は検索して置換です。Wordpress上の様々な文字列を検索して、一気に置換することができます。Search Regexは英語のプラグインで日本語化もできますが、とても簡単なので気にならないかと思います。

『Search Regex』をインストール

Search Regexをインストールするには、

https://ja.wordpress.org/plugins/search-regex/からダウンロードしてサーバーにアップロードするか、

1. WordPress管理画面
2. プラグイン
3. 新規追加
4. プラグインの検索に「Search Regex」
5. 今すぐインストール
6. 有効化

でインストールする手順のどちらかになります。こちらの方が簡単でおススメです。

インストールすると、管理画面の『ツール』のタブの中に表示されます。

『Search Regex』で見出しを正規表現で一括変換する方法

さっそくインストールしたSearch Regexを開いてください。

ワードプレス管理画面 ＞ ツール ＞ Search Regex

赤枠で囲んだ個所は

• Search pattern …置換する前の文字列
• Replace pattern…置換したい内容の文字列

という意味です。

下の3つのボタンの意味です。最終的には右の「Replace & Save」を押しますが、これを押すと後戻りはできなくなるので、慎重にしてください。逆に「Replace & Save」以外は何度押しても大丈夫なので、確認しながら作業しましょう！

h3をh2に置換する場合

まず上の段（Search pattern）にこれを入力してください。

入力したら「Regex」にチェックを入れて「Search」を押してください。「Regex」にチェックを入れると「正規表現を使用する」という意味合いになります。

きちんと検索出来ていたら次に行きます。

下の段（Replace pattern）。

入力したら真ん中のボタン「Relace」で置換してみましょう。まだ保存されるわけではないので安心してください。

するとこんな感じで置換前の文字列と置換後の文字列が表示されましたね？確認してOKなら「Replace & Save」を押して作業終了です！

続いて、他のh4やh5の見出しを変更するときは、数字を変化させるだけなので簡単ですね！

解説

今回使用した”正規表現”を使ったコードを簡単に解説します。

まず

h3に挟まれた『(.*)』の部分は、何文字でも何語でもいい文字列という意味です。「h3に挟まれているところを探してね！」ということです。

ただここで注目するのは、

|<h3(.*)</h3>|

の赤い部分です。

h3の右側の「＞」がないんです。これは何を意味するのかというと、h3に付随させていたIDやクラス、スタイルも指定したかったからです。

今度は、置換したい文字列です。

この「$1」は置換前の（）の中身を貼り付けるという意味です。カッコの中身が入っている状態の例を出すとこうなります。

僕の記事内に使用していた見出しのコードには、クラスやスタイルがたくさんくっついていました。これも一緒に引き継ぎたいという思いがあり、このような形のコードになりました。

このコードのいいところは、上記の理由の他に、思いも寄らないクラスやスタイルが付いちゃっている見出しのパターンもフォロー出来るところです。ブログの編集をビジュアルモードで書いている人あるあるです。

単純に『Search Regex』を使って<h3>を<h2>にするっていう置換も全然OKなのですが、それだとクラスが付いているタグは検索できないんです！ね、便利でしょ？

我ながらとても分かりやすい図ですね。

“正規表現”に関してはこちらのサイトがとても分かりやすく解説しているので、気になる方はチェックしてみてください。

まとめ

検索しても意外に、今回の内容のようなサイトが見当たらなかったので中々苦戦しました。正規表現とか初めてでしたし。世の中便利なプラグインがたくさんあって、本当に助かります。製作者様たちには感謝と尊敬しかありませんね。

『Search Regex』で『はてなの画像URL』をWordPressに一括変換する方法

2018年2月1日

移行作業の中でも最大の難所だった、はてなフォトライフのURLをWordpressの画像URLに一括変換する作業にスポットを当てて紹介していきたいと思います。

▼完全な移行手順はこちら▼

全手順を解説！はてなブログの画像をWordPressに一括移行する方法【はてなフォトライフ】

2018年1月30日

はじめに

「はてなフォトライフ」はWordpressでも使うことができる。

本来は、作業的に本当はスルーしても良いところなんです。

何故かというと、はてなブログで使用している画像は「はてなフォトライフ」というクラウドストレージ上に画像が保存されていて、はてなのアカウントさえ削除しなければWordpressに移行しても使い続けることができます。つまり、はてなブログを削除しても使えます。

とりあえず記事の移行が終わって、新しいブログを見てみるとそっくりそのまま画像が表示されています。画像を表示させているHTMLのimgタグの画像がリンク形式だから、そりゃそうなんですけどね。

HTMLが苦手な方に簡単に説明すると

1. ユーザーがあなたのブログにアクセス
2. ページを表示する
3. 記事はあなたのサーバーからダウンロード
4. 画像ははてなフォトライフからダウンロード
5. 表示

といった仕組みです。

しかし、せっかくWordpressに移行を決断し、自分でサーバーを借りて自分だけのブログを作っていくなら、画像も自分のサーバーに保管してなるべく外のサービスに依存したくないという気持ちがあります。きっとこの記事を見てくれている方も同じなのではないでしょうか？

極端な話ですが、はてなフォトライフのサービスが無くなったらパーですからね。

そして重い腰を上げて作業を始めたからには、「完全にはてなブログから脱却してやる！」という気持ちで頑張りました。

「完全にはてなブログから脱却してやる！」とは言ってもはてなブログは大好きなんだけどね。

作業の注意点

• この作業では、ワードプレスの無料プラグインを使用します
• プラグインの使用においてはすべて自己責任でお願いします
• もしものためにバックアップを取ることをお勧めします

『Search Regex』とは

Search Regex は、検索のための完全な正規表現をサポートし、WordPress に強力な標準検索機能と置き換え機能を追加します。これらは、標準の検索機能を超えて、あなたのサイトに保存されているほぼすべてのデータを検索置換することができます。単純な検索に加えて、PHP の正規表現をフルパワーで自由に使うことができます。

引用元：https://ja.wordpress.org/plugins/search-regex/

とても難しそうな文章ですが、要は検索して置換です。Wordpress上の様々な文字列を検索して、一気に置換することができます。Search Regexは英語のプラグインで日本語化もできますが、とても簡単なので気にならないかと思います。

“正規表現”に関してはこちらのサイトがとても分かりやすく解説しているので、気になる方はチェックしてみてください。

『Search Regex』をインストール

Search Regexをインストールするには、

https://ja.wordpress.org/plugins/search-regex/からダウンロードしてサーバーにアップロードするか、

1. WordPress管理画面
2. プラグイン
3. 新規追加
4. プラグインの検索に「Search Regex」
5. 今すぐインストール
6. 有効化

でインストールする手順のどちらかになります。こちらの方が簡単でおススメです。

インストールすると、管理画面の『ツール』のタブの中に表示されます。

『Search Regex』で画像URLを変換

はてなフォトライフのURLとWordpressのURLの差

プラグインを使う前に確認しなければならないことがあります。このプラグインを使う目的は記事内の文字列を置き換えるためです。

僕らが置き換えたいものは、はてなフォトライフのURLをWordPressのURLです。

では、はてなフォトライフのURLを確認してみます。

はてなフォトライフのURLの「はてなIDの頭文字」と「はてなID」はそれぞれ違うので、ご自分のをあらかじめ調べておいてください。僕のはてなIDは「george-gogo」なので、はてなIDの頭文字には「g」が入ります。

そしてWordpressの画像URLは、

となっています。赤い部分は共通しているのでそのままに、青い部分を一括で置換します。

WordPressのURLの緑の部分「2018/01」というのは、僕が画像をWordpressにアップロードをしたのが2018年1月なので「2018/01」が入っています。もし2020年10月に画像をアップしたなら「2020/10」と考えてください。

「Search Regex」の使い方

URLのどこの部分を置換すればいいか分かったので、早速変換していきます。

管理画面の「ツール」の中の「Search Regex」を選択して下さい。

この画像の赤い部分と同じ設定にしてください。

そして、Search patternに

をコピペして、青い箇所を修正してください。

次に、Replace patternに

をコピペ。（日付は画像をWordpressにアップした年月に変えてね！2020年10月なら「2020/10」）

そして「Search」ボタンを押してください。この時点では保存されないので大丈夫！

失敗例

何かしらが間違えていると、このように何も出てきません。この例では「ID」が間違えています。もう一度見直してください。もしくは、僕とURLの形が違う可能性もあります。

注意事項は上の段の両端に「#」が入っているか、「IDの頭文字」と「ID」は合っているか。

さらに僕のWordpressはSSL化しているので、下の段が「http」ではなく、「https」になっています。ご自身のサイトがどちらかで変わるので調整してください。はてなフォトライフは「https」なので上の段はそのままでOK！

どーーしても分からなければこのプラグインを使わずコツコツやるのがベストです。

成功例

この画像では一件しか引っかかっていませんが、成功するとズラーーっと検索に引っかかったURLが出てくるはずです。

成功したら変換と保存

成功したなら「Repace」で変換できます。さらに、確認して大丈夫そうなら「Replace & Save」で完了です。

これをやると全部書き換わるので、下の段（Replace pattern）が間違えていると、全部間違えたURLに変わってしまいますので注意して下さい！

まとめ

今回の作業で、僕は正規表現を理解していなかったので滅茶苦茶苦労しました。しかし！全記事の全画像を一つ一つ交換していくよりは、はるかに早いスピードで終わることができました！プラグインの制作者様に感謝ですね。

「Search Regex」は本当に便利な神プラグインなのでほかにも色々なことができるので、重宝しています。是非楽しいWordpressライフを！！