ブログのカスタマイズにハマってる父ちゃんです
Word Pressでブログ運営をしているとほとんどの人がテーマのカスタマイズをしたいと思うのではないでしょうか
やはり、人とは違う自分好みのデザインでブログ活動をしたいですもんね
簡単なデザイン変更ならcssの追加だけでできますが、少し高度なカスタマイズになると出てくるのがfunctions.phpの編集です
このfunctions.phpの編集はかなり厄介で特に初心者には大きな壁となります
functions.phpのファイルに直接コードを書き込んでいくんですが、ほんの少しでも間違ったコードを書き込んでしまうとブログが真っ白になってしまいます
カスタマイズをやってる方なら一度は聞いたことがあるであろう、あの「ブログが真っ白になる」ってやつです
かくいう筆者も以前「ブログが真っ白」を経験して、それこそ頭が真っ白になりました
幸いバックアップをとっていたので復元をして事なきを得たのですが、それ以来functions.phpを触るのが怖くなり、その手のカスタマイズからは目を背けてきました
しかし、ある時目にしたのが「Code Snippets」というプラグインでした
なんでも、functions.phpのファイルを直接触れずにコードの追加・管理ができる、なんとも初心者にやさしいプラグインだとか
そこで、さっそくインストールして使ってみた感想と使い方をできるだけ分かりやすくまとめて紹介したいと思います
Code Snippetsおすすめポイント
まずはじめに僕なりに感じたこのプラグインのおすすめポイントを6つ紹介します
- 元々のコードと追加したコードを分けて管理できる(追加コードはプラグインで管理)
- コードの追加・編集・削除が簡単(コピペOK)
- 有効化・無効化を切り替えられる
- インポート・エクスポート機能がある
- コードを間違えても教えてくれる
- テーマの変更・アップデートをしても保存したコードは消えない
正直、phpに詳しくないのでコードを間違って書き込んで(コピペ)も読み込ませる前に気付くことができるのはとてもありがたいです
Code Snippetsインストール&有効化
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_480/https://www.shittoku-net.com/wp-content/uploads/2022/03/AddText_03-22-10.36.54-1024x768.webp)
管理画面のプラグインから新規追加を選択
「Code Snippets」で検索
今すぐインストール > 有効化
Code Snippets使い方
コードを新しく追加する
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220326_205215-768x1024.jpg)
管理画面のサイドバーに表示された「Snippets」を選択します
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220326_205340-768x1024.jpg)
Add New(新規追加)を選択します
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220326_205942-768x1024.jpg)
タイトルを入力(何のコードかわかるように)
追加したいコードを入力(コピペOK)
「Save Changes and Activate」で保存
追加したコードを有効化で完
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220327_230711.jpg)
タイトル手前のマークをクリック(青くなる)
適用をクリックして完了
お疲れさまでした!以上で「Code Snippets」でのコードの追加作業は終了です
これで、functions.phpを直接触らずに編集ができたということになります
コードを無効化する時は
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220327_231940.jpg)
タイトル手前のマークをクリックしてグレーに戻す
適用をクリックして無効化
コードの編集をする時は
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_427/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220328_123123.jpg)
管理画面サイドバーの「Snippets」から「All Snippets」を選択します
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_427/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220328_124032.jpg)
編集したいコードのタイトルをクリックすれば、コード入力画面になるのでそこで編集ができます
コードを間違えてもすぐわかる
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_853/https://www.shittoku-net.com/wp-content/uploads/2022/03/Screenshot_20220328_125245.jpg)
もし、コードを間違えて入力してしまってもその時すぐにエラー箇所として教えてくれます
まとめ
「Code Snippets」を実際に使ってみて感じたことは、コードを間違ってしまってもすぐにわかるので安全にファンクションphpにコードを追加できるという素晴らしさです
ファンクションphpを弄ってまでカスタマイズしたいけど触るのが怖いという筆者にとっては神がかったプラグインの1つと言えるでしょう
また、追加したコードを簡単に切り替えられるのもお手軽度が増してとても使いやすいですね
初心者の方やphpに不慣れな方には是非とも使ってもらいたいプラグインです
これでもう「ブログが真っ白」からおさらばです
\ポチっとすると喜びます/
にほんブログ村
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_760,h_691/https://www.shittoku-net.com/wp-content/uploads/2018/07/1580645368934-1024x930.png)
\賢く節約・お得に割引/
知らないと損をする【節約】や【割引】に関する特集記事の中から、お得なサービスや特典を探してお役立てください
──────────────────
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_2114,h_1190/https://www.shittoku-net.com/wp-content/uploads/2018/07/1580630564622.png)
\ドコモユーザー必見!/
ドコモユーザーは知らないと損をするとってもお得なサービスや特典をピックアップしました
──────────────────
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1874,h_1342/https://www.shittoku-net.com/wp-content/uploads/2021/04/1617712674410.png)
\半額以下でお買い物!/
お得感満載のショッピングサイトで食料品や日用品を通常の半額以下で購入してみませんか?