ブログ運営をしていると、
![](https://yamatnt.com/wp-content/themes/cocoon/images/man.png)
このブログ、何のテーマ使ってるのかな?
と思ったことがありませんか?
この記事では、サイトで使われている WordPress のテーマを簡単に調べる方法を紹介します。
WordPress のテーマを調べる手順
![WordPressのテーマを調べる手順](https://yamatnt.com/wp-content/uploads/2022/04/de06f3a32b331ac10f88753930bddf82-1024x512.png)
以下の手順を行うことで、WordPress のテーマを調べることができます。
①調べたいサイトを表示し、F12キーを押す
テーマを調べたいサイトを表示し、F12キーを押します。
以下のような画面が表示されます。
![HTMLが表示されたDevTools](https://yamatnt.com/wp-content/uploads/2022/04/aba1dd9afd994bc383f5259806be7bb4-2.png)
上の画像はGoogle Chrome使用時の画面ですが、他のブラウザでも同様の画面が表示されます。
②Ctrl + F キーを押し、検索ボックスを表示する
Ctrl + F キーを押し、検索ボックスを表示します。
![DevToolsの検索ボックス](https://yamatnt.com/wp-content/uploads/2022/04/6ac2397867767a902ce2217f0a58282f-1.png)
③検索ボックスに「themes」と入力する
検索ボックスに「themes」と入力します。
![themesと入力された検索ボックス](https://yamatnt.com/wp-content/uploads/2022/04/f6f77a1616e27fc34eb1a81aa7dc6262-1.png)
④「/wp-content/themes/〇〇」の〇〇がテーマ名
検索でヒットした「/wp-content/themes/〇〇」の〇〇の部分がテーマ名になります。
![themesがハイライト表示されたDevTools](https://yamatnt.com/wp-content/uploads/2022/04/ed80de20dfec1bd144442f3c2532b6bb-1.png)
上の画像であれば「/wp-content/themes/cocoon」となっているので、テーマ名は「cocoon」です。
⑤「wordpress (テーマ名)」で検索する
「wordpress (テーマ名)」で検索すると、そのテーマの公式サイトを見つけられます。
![「wordpress cocoon」でGoogle検索した結果](https://yamatnt.com/wp-content/uploads/2022/04/4d2898cc519c4468d541cbcfe0072ef6-1.png)
補足:開発者ツールの表示位置変更
![開発者ツールの表示位置変更](https://yamatnt.com/wp-content/uploads/2022/04/6a91ff092bc8c6eb375df078e7a9e615-1024x512.png)
ここでは開発者ツールの表示位置の変更方法を紹介します。
開発者ツールとは、「①調べたいサイトを表示し、F12キーを押す」で表示した ↓ の画面のことです。
![HTMLが表示されたDevTools](https://yamatnt.com/wp-content/uploads/2022/04/aba1dd9afd994bc383f5259806be7bb4-2.png)
ブラウザによっては「デベロッパーツール」「Dev Tools」「開発ツール」と呼ばれます。
画面内に表示されるとページが見えづらくなってしまうので、ブラウザと別画面に設定するのがおすすめです。
ブラウザによって操作方法が異なりますので、自分が使用してるものの手順を参照してください。
Google Chrome
画面右上の「︙」をクリックします。
![DevToolsのメニューアイコン](https://yamatnt.com/wp-content/uploads/2022/04/79c7a88402c5fadf0ddd86849cdc9103-2.png)
「Dock side」から一番左のアイコンを選択します。
![「Undock into separate window」アイコン](https://yamatnt.com/wp-content/uploads/2022/04/d87e0dc668e930e404ec0f973b50acb0-2.png)
Firefox
画面右上の「…」をクリックします。
![開発ツールのメニューアイコン](https://yamatnt.com/wp-content/uploads/2022/04/3abdb79ff53c047a8d8cd8698cfed8a4.png)
「ウィンドウ分割」を選択します。
![「ウィンドウ分割」アイコン](https://yamatnt.com/wp-content/uploads/2022/04/16a5ec001a36f008ac2380f9dfeccb3c.png)
Microsoft Edge
画面右上の「…」をクリックします。
![DevToolsのメニューアイコン](https://yamatnt.com/wp-content/uploads/2022/04/05625f26167b86fb81fe12fde7e730db.png)
「ドッキングの位置」から一番左のアイコンを選択します。
![「ドッキングを解除して別のウィンドウで表示」アイコン](https://yamatnt.com/wp-content/uploads/2022/04/77f1df42edd21272c00cf646c253c229.png)
まとめ:WordPress のテーマは簡単に調べられる!
![WordPressのテーマは簡単に調べられる!](https://yamatnt.com/wp-content/uploads/2022/04/c7887a92414f854a9067849a51b9bb02-1.png)
WordPress のテーマを調べる方法を紹介しました。
以下の手順で調べることができます。
- ①調べたいサイトを表示し、F12キーを押す
- ②Ctrl + F キーを押し、検索ボックスを表示する
- ③検索ボックスに「themes」と入力する
- ④「/wp-content/themes/〇〇」の〇〇がテーマ名
「このブログ、何のテーマ使ってるのかな?」と思ったらぜひ試してみてください。
関連記事
以下の記事で、WordPressのブロックエディタで使えるショートカットをまとめています。
ショートカットを覚えると、記事の作成スピードをアップすることができます。
ぜひ参考にしてみてください!
コメント