Code Snippetsの使い方・コード追加方法は?【WordPress】

WordPressのfunctions.phpで直接編集するとエラーが出そうで怖いです!回避できる方法ありますか?
だてっち
プラグインCode Snippetsがおすすめですよ

通常WordPressをカスタマイズする場合、functions.phpで直接編集します。

しかし、編集内容をひとつでも間違えるとサイトやブログが真っ白になってしまうと冷や汗もののエラーが起きてしまいます。

これは絶対に避けたいですよね。

というわけで今回は

  • Code Snippetsとは?
  • Code Snippetsの使い方・コード追加方法

について解説します!

初心者でも安心してfunctions.phpが編集できますよ!

Code Snippets(コードスニペッツ)とは?

Code SnippetsはWordPressのプラグインです。

WordPressをカスタマイズしたいとき、Code Snippetsを使えばfunctions.phpを直接編集する必要がありません

そのため、コード編集を失敗してブログが真っ白で表示されないなどのエラーを回避できます。

さらにタグ機能があるため、コードを管理しやすいのが特徴です。

コードが増えても心配いらないですね!

そのほかこのようなメリットがあります。

  • function.php専用の子テーマの準備は不要
  • FTPの知識は不要
  • コードの管理が簡単
  • コードの有効化・無効化を切り替えられる
  • コード中のエラーを表示してくれる
  • テーマを変更しても事前に保存したコードは使用できる
  • コードのインポート・エクスポートができる
だてっち
アップデートも定期的に行われているので信頼性も高いですね

Code Snippetsの使い方

ではCode Snippetsをインストールしていきましょう。

code snippetsの使い方

インストール・有効化

まずはインストールから始めます。

  1. WordPress管理画面 左メニュー →「プラグイン」→「新規追加」→「Code Snippets」で検索
  2. 今すぐインストール」をクリック
  3. 有効化」をクリック

これでインストール完了です!

初期設定

初期設定は特に変更しなくてよいでしょう。

使い方:コードを追加

ではコードを新規で追加してみましょう。

新規追加

WordPress管理画面 左メニュー → スニペッツ(もしくは Snippets)→ 新規追加 クリック

コード編集・保存

必要項目を入力していきます。

だてっち
ここで入力することで、PHPコードをfunctions.phpに入力したのと同じ状況になります♪

Code Snippetsの使い方:コードの新規追加

  1. タイトルを入力:管理画面でコード内容がぱっと認識しやすいタイトルがおすすめ
  2. コードfunctions.phpに追加したいコードを入力
  3. コードを実行するタイミング:「サイトの内の全範囲で実行」にチェック
  4. 説明:コードの補足説明など(任意)
  5. タグ:管理用にタグ付けしておくと便利(任意)
  6. 変更を保存して有効化」をクリック

これで新規コードは有効になりました!

コードの有効化・無効化

追加したコードの有効化・無効化は、WordPress管理画面左メニュー「Code Snippets」→「すべてのスニペット」内、対象のコードで切り替えられます

Code Snippetsのコードの有効化・無効化の切り替え

これで新しいコードを追加できました!

Code Snippetsの使い方まとめ

今回はWordPressプラグインCode Snippetsの使い方について解説しました。

  • functions.phpを直接編集しなくていいので安心
  • FTPの知識は不要
  • コードの管理が簡単
  • コード中のエラーを表示してくれる

などの特徴・メリットがあります。

初心者でも安心してfunctions.phpの編集が行えますので、カスタマイズをしてみたい方はぜひ利用してみましょう。

ちなみに、他のおすすめプラグインは「WordPressのプラグインおすすめ16選一覧【2023年無料版】」でまとめて紹介していますのでチェックしてみてください。
Code Snippetsの使い方・設定
最新情報をチェックしよう!

『ブログの教科書』付きメール講座

今直ぐはじめたいに答える!「動画+テキスト」で丁寧な解説できっかけがつかめた!好評の『ブログの教科書』付きで、0からはじめるための「結果が出る要素」を詰め込んでお届けします!

CTR IMG