WordPressを使っているとカスタマイズの方法がわからない
CMSとして大活躍のWordPressですが、ちょっとカスタマイズしようとすると途端に難しくなります。
今回、ちょうどカスタマイズする機会があったので手順にまとめます。
コードの追加方法
早速、<HEAD>タグ内にコードを追加する方法です。
きっかけは Google AdSense
このページを作成するきっかけとなったのが Google AdSense でした。
AdSense の申請に <HEAD></HEAD> 内に指定のコードを挿入する必要があるとのことなので、早速対応していきます。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/07/5b3292f7921409fc80e9227ec40f2d8b.png?resize=1024%2C465&ssl=1)
コードの編集は “外観” の “テーマファイルエディタ” から
WordPressの管理画面の “外観” → ”テーマファイルエディタ” を選択して、 “Theme Header” を選択します。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/07/d81b18c2a9ed4ed5caf2baf703f4d49a-1.png?resize=1024%2C465&ssl=1)
追加したら [ファイルを更新] でセーブします。
追加されたコードの確認方法
追加したコードが反映されているかみてみましょう。
Chrome のDevToolsを使うと確認が簡単です。
Chromeでページを表示したら [F12] を押す
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/07/34f7e56f4337d3755dad0d8683de2a58.png?resize=1024%2C625&ssl=1)
[F12] を押すと DevTools が表示されHTMLが確認できます。
![](https://i0.wp.com/snow-under.com/wp-content/uploads/2022/07/152c69cd483b1a6fad3503ede47c9d9f.png?resize=1024%2C114&ssl=1)
追加されたコードを確認できました。お疲れ様でした。
コメント