ワードプレス「Code Snippets」プラグインの使い方

WordPress初心者の方はソースコードを編集するのが怖いと感じていると思います。

なかなかあの複雑なコードか掛かれているところをいじるのは勇気がいりますよね。

編集に失敗するとデザインが崩れたりページが表示されなくなってしまったり、と編集をした事のある方は１度はあるかと思います。

functions.phpファイルはソース上に間違いがあると正しく動作しません。

今回はそのような失敗が怖くて編集が出来ない方におすすめなプラグイン「Code Snippets」の紹介をします。

「Code Snippets」をおすすめする理由

プラグイン「Code Snippets」を使えばfunctions.php を直接編集する必要はありません。

• コードを分かりやすく管理することができます。
• 編集や追記、削除も簡単
• エラーがあったら、自動的に無効化してくれる
• コード中の文法的なエラーを表示してくれる
• テーマ変更時も保存したコードは使用できる
• インポート、エクスポート機能がある

「Code Snippets」の使い方

プラグイン「Code Snippets」をインストールします

インストール完了後「有効化」します

ダッシュボードのメニューの確認

ダッシュボードのメニューに、新しく「 Snippets」という項目が追加されていることを確認します。

「Snippets」>「Add New」をクリックします

必要事項の入力

下記の項目に必要事項を入力していきます

1. 自分で分かりやすいタイトルをつけましょう。
2. functions.php に記入したいコードを書きます。
3. 説明文などを記載（任意）
4. タグ付けしておくと便利
5. 通常は一番左の「everywhere」でＯＫ
6. 保存

最低限、タイトルとコードのみ入力すれば大丈夫です。

コードが保存され追加されたかを確認しましょう

管理画面メニュ「Snippets」から「All Snippets」をクリックします。

例：今回はGoogleアドセンスというタイトルで新規追加しました。

一覧の一番下に追加されています。

有効、無効を切り替えることが出来ます。

トラブルが発生してしまったり、コードが必要ではなくなった場合は、タイトル横にあるボタンでON/OFFを切替える事が出来ます。

「Code Snippets」設定について

基本的にデフォルトのままで変更の必要はありません。

まとめ

いかがでしたでしょうか？

今回はブログカードをプラグインを使ってカスタマイズする方法についてご紹介いたしました。

複雑なコードがかかれたfunctions.php を直接編集するより簡単に出来ます。

もし間違ってコードを入力してもショートコードがむき出しになってしまいますがサイトが崩れたり、表示されないなどトラブルにはなりませんので安心してカスタマイズ出来ます。

ぜひ、活用してみてください。

こちらの記事もおすすめです

>>ブログカードをカスタマイズする方法「プラグインCode Snippetsを使う」