管理画面上にソースコードを保存したりメモを取れるようにする方法

WordPressを使っていると、自分の好きなように管理画面をカスタマイズしたり、ホームページのデザインを変えたくなってソースコードを修正したりすることが多くあります。

そのため後々使えそうなソースコードを保存しておきたいなあと思った方も多いのではないでしょうか。

私はこれまで後で使えるかも!と思ったカスタマイズ方法をEvernoteに保存していましたが、いちいちEvernoteを開いて保存するのもめんどくさいなあと思っていました。そこで何か良い方法がないかと調べたところ、WordPressの管理画面上に保存できるプラグインCode Snippetsを見つけたので、ここで紹介します。

Code Snippets のここが便利!

Code Snippetsはソースコードを保存できること以外にも便利な機能がたくさんあります。私が使ってみて便利と思った点は下記の5つです。

  • WordPressの投稿の記事タイトルのようにタイトルを入力できる
  • 入力箇所がソースコード欄とメモ欄の2つあってソースコードの動作内容などをメモすることができる
  • 書いたソースコードをActivate(有効)にするとfunctions.phpに追記される。場合によってfunctions.phpの内容を書き換えたいときなどにとっても便利!
  • 書いたソースコードは色付けされてとっても見やすい!
  • 書いた内容はxml形式でエクスポートできる!

Code Snippetsをインストール、有効化する

まずはプラグインをインストールし、有効化してください。
Code Snippetsをインストールし有功化する

Code Snippetsを使いやすいように設定する

有効化したら、Snippetsというメニューが表示されます。初期設定はSnippets>Settingsで行います。


画像2

メモを作成する方法

メモの作成もWordPressの投稿と同じようなレイアウトになっているため、わかりやすいです。では、メモの作成方法からご説明します。

  1. Snippets>Add Newをクリックし、タイトルとCodeにはソースコード、Descriptionにはメモを入力します。
  2. Code Snippetsでメモを新規作成する
  3. 変更を保存ボタンをクリックしてメモの保存は完了です。

保存したメモの確認方法

保存したメモはSnippets>All Snippetsをクリックすると表示されます。
Code Snippetsで登録した内容を確認する

登録したメモに対して、4つの機能が振られています。
Code Snippetsで登録した内容に対してできることを確認する

  1. Activate:functions.phpに追記される
  2. Edit:メモの編集
  3. Export:メモをxml形式でエクスポートできる
  4. Delete:メモの削除

Activateした場合の動作状況を検証してみた

Activateした場合、本当にfunctions.phpに書いた場合と同じように処理が実行されるのか検証してみました。

検証にあたり、左側のメニューにあるコメントを非表示にするコードを使って動作を確認していきます。

function remove_menus(){
  remove_menu_page( 'edit-comments.php' );  // コメント
}
add_action( 'admin_menu', 'remove_menus' );
  1. このコードを下記のように保存します。
  2. 左側のメニューにあるコメントを非表示にするコード
  3. そして一覧画面のActivate(有効化)をクリックし、メニューのコメントが非表示になるか確認します。
  4. 一覧画面のActivateをクリックして有効化する
  5. ちゃんと表示されない結果になりました。functions.phpとして実行されていることが検証できました。状況によってfunctions.phpの内容を書き換えたいときなどにとても便利だと思います。
  6. 左側のメニューにあるコメントが表示されなくなったことを確認

このプラグインの魅力は3つです。

  1. ソースコードを簡単にメモすることができる
  2. functions.phpを直接編集しなくても追記できる
  3. 書いたメモはxml形式でエクスポートできる

スニペット管理を探していた方、管理画面上にメモを取りたいなあと思っていた方にとって凄い便利なプラグインではないでしょうか。

以上、管理画面上にソースコードを保存したりメモを取れるようにする方法でした。