Code Snippetsの使い方と設定方法【WordPress子テーマ不要】

この記事では、WordPressプラグイン「Code Snippets」の使い方と設定方法を、画像を用いてわかりやすくご紹介します。

「Code Snipeets（コードスニペット）」を使えば、子テーマ不要でカスタマイズが可能です。

CSSやJavaScriptだけでなく、PHPのカスタマイズを簡易に実行できます。

suya

子テーマ不要のカスタマイズ用プラグインです。

なるほどくん

なるほど！簡単そうですね。

「Code Snipeet」は日本語化されていませんが、英語でも使い方は簡単です。

「Code Snippets」と似た名前のプラグイン「Post Snippets」については、以下をご覧ください。

「Post Snippets」は、ショートコードでPHPカスタマイズが可能です。

あわせて読みたい

【PHPカスタマイズ】Post Snippetsの使い方と設定方法【WordPress】 この記事では、WordPressプラグイン「Post Snippets」の使い方と設定方法を、画像を用いてわかりやすくご紹介します。 「Post Snippets（ポストスニペット）」を使えば…

 この記事を書いた人

suya
@suyasite

suya @suyasite

• 「WP-Search」開発者
• 「ブロググ」開発者
• 「SEOキーワードツール」

• 「WP-Search」開発者
• 「ブロググ」開発者
• 「SEOキーワードツール」

この記事を最後まで読めば、WordPress（ワードプレス）でカスタマイズ環境がすぐ準備できます。

ぜひ最後まで進めてみてください。

子テーマは必要か？

子テーマとは、親テーマの機能を継承し、部分的なカスタマイズを可能とするものです。

親テーマを直接カスタマイズしてしまうと、テーマをバージョアップするたびにカスタマイズが消えてしまいます。

親テーマはそのままに、子テーマをカスタマイズすることで、バージョンアップによる上書き消去を防止します。

しかし、子テーマにもデメリットが存在します。

Code Snippetsプラグインを利用することで、子テーマのデメリットをなくしてメリットだけを享受できます。

つまり、親テーマのままでfunction.phpなどの編集が可能になります。

1) プラグイン「Code Snippets」をインストール

WordPress（ワードプレス）にログインしたら、左メニューの[プラグイン]→[新規追加]をクリックして、[プラグインの検索]をします。

「Code Snippets」を検索して、[今すぐインストール]した後に[有効化]します。

以上で、プラグイン「Code Snippets」のインストール・有効化は完了です。

2) プラグイン「Code Snippets」の使い方

初期設定は必須ではないので、そのままコードを書いていっても大丈夫です。

1) 新規追加

左メニューの[Snippets]から[Add New]を開きます。

画面に表示されているのは、サンプルコードです。

2) コード編集

[タイトル]を設定したら、function.phpと同じようにPHPコードを書いてきます。

コードの動作箇所や実行優先度を設定することもできます。

3) コード保存

[Save Changes and Activate]をクリックしたら、コードが保存されて実行が開始されます。

保存だけで実行したくない場合は、[Save Changes]をクリックします。

コードの有効化・無効化は、管理画面で簡単に切り替えられます。

DescriptionやTagsは、管理用なので設定しなくても大丈夫です。

閲覧できません (Forbidden access)と表示される場合

閲覧できません (Forbidden access)と表示されるのはなぜですか？

サーバーのWAFで誤検知されており、除外設定する必要があります。

サーバーのWAFがON（有効化）されている場合、以下のようなエラーメッセージが表示され、正常に保存できないことがあります。

閲覧できません (Forbidden access)

指定したウェブページを表示することができません。

入力したURLや値が正しくない可能性がございますのでご確認ください。

WAFが誤検知しているのですが、SiteGuardを採用しているレンタルサーバーでよく起こります。

以下の記事を参考に、WAFをOFF（無効化）するか、チューニングで除外設定してください。

あわせて読みたい

SiteGuard WP Pluginの設定方法と不具合対処【404/403エラー】 この記事では、WordPressプラグイン「SiteGuard WP Plugin（サイトガード ダブルピー プラグイン）」の初期設定と使い方を、画像を用いてわかりやすくご紹介します。 Wo…

3) エラーやログインできないときの対処法

やり方を忘れそうな人は、本ページをブックマークしておきましょう。

a) セーフモードでアクセスする方法

wp-config.phpに、以下のコードを追加します。

define( 'CODE_SNIPPETS_SAFE_MODE', true );

もしくは、URLに「?snippets-safe-mode=1」か「&snippets-safe-mode=1」を追加してアクセスします。

例えば、「Code Snippets」の管理画面にアクセスしたい場合は、以下のようなURLにアクセスします。

https://example.com/wp-admin/admin.php?page=snippets&snippets-safe-mode=1

b) ファイルマネージャーで無効化する方法

コードは必ずバックアップしておきましょう。

画面が変わらない場合は、Cookie（クッキー）やブラウザキャッシュをクリアするか、別のブラウザでアクセスしてみてください。

この記事のまとめ

プラグイン「Code Snippets」の設定方法と使い方を見てきました。

簡単なのでぜひ使ってみてください。

なるほどくん

試してみます。

この記事の参考情報

Code Snippets公式サイト

Code Snippets