WordPressでギターコード譜や弾き語り用のコードシートを公開するとき、「コードの位置がずれる」「ダイアグラムを1つずつ画像で用意するのが大変」と感じたことはありませんか。
CyberForest Guitar Chord Sheetは、WordPressのブロックエディター（Gutenberg）で、歌詞とコード、ギターコードダイアグラムをまとめて編集・表示できるプラグインです。無料版はWordPress.orgからインストールでき、専門的なHTMLや画像制作の知識がなくても使い始められます。
実際の表示例はこんな感じになります。
WordPressのギターコード譜作成をもっと簡単に
一般的な文章ブロックにコード譜を入力すると、画面幅やフォントによってコードと歌詞の位置が崩れることがあります。また、コードダイアグラムを画像として作成・管理する方法では、コードを追加するたびに画像ファイルも増えてしまいます。
CyberForest Guitar Chord Sheetでは、専用のGutenbergブロックにコードを記述するだけで、コード名とダイアグラムを同じページ内に表示できます。ダイアグラムはSVGで描画されるため、スマートフォンや高解像度ディスプレイでも輪郭が鮮明です。
CyberForest Guitar Chord Sheetとは
CyberForest Guitar Chord Sheetは、サイバーフォレスト株式会社が開発するWordPress向けギターコード譜プラグインです。
コードは角括弧を使い、[C]、[Am]、[G/B]のように入力します。コードを歌詞の前に置けば、閲覧ページではコードと歌詞を対応させて表示できます。コードを鳴らさない箇所には[N.C.]も使用できます。
[C]いつもの道を [G]歩きながら
[Am]新しい歌を [F]口ずさむ指板を自分で指定したい場合は、次のようなカスタム運指にも対応しています。
[Cadd9|x,3,2,0,3,3]無料版でできること
無料版には、コード譜を作成・公開するための基本機能が含まれています。
- Gutenberg専用ブロックによる視覚的な編集
[C]や[G/B]などのコード記法- メジャー、マイナー、セブンス、シャープ、フラットなどのコード表示
- コードダイアグラムの自動生成
- カスタム運指の指定
- 拡大しても鮮明なインラインSVG表示
- スマートフォンを含むレスポンシブ表示
「まず自分のサイトでコード譜を公開してみたい」という方は、無料版だけでも基本的な制作フローを試せます。
CyberForest Guitar Chord Sheet無料版をWordPress.orgで見る
基本的な使い方
1. プラグインをインストールする
WordPress管理画面の「プラグイン」から新規追加画面を開き、CyberForest Guitar Chord Sheetを検索してインストールし、有効化します。
2. 専用ブロックを追加する
投稿または固定ページの編集画面でブロック追加ボタンを押し、「Guitar Chord Sheet」ブロックを選択します。
3. コードと歌詞を入力する
コードを[C]のように角括弧で囲み、歌詞と一緒に入力します。プレビューで表示を確認したら、そのまま公開できます。
Pro版なら演奏・編集・印刷をさらに便利に
より充実したコード譜サイトを運営したい方向けに、買い切りのPro版も用意しています。Pro版は無料版に追加して使用するアドオンです。
主な追加機能は次のとおりです。
- 閲覧者が半音単位で変更できるトランスポーズ機能
- カポ位置に合わせた実音表示
- ダイアグラム表示とコード名のみの表示切り替え
- パレットまたはカスタムカラーによるダイアグラム色の変更
- 画面上で指板を操作できるビジュアル運指エディター
- 拡張コードライブラリとカスタムコード
- ChordPro形式のインポート・エクスポート
- コード譜向けの印刷レイアウト
- テンポと基本リズムパターンの設定
移調に対応した練習用ページ、印刷して配布するコード譜、サイトのデザインに合わせたダイアグラムなど、公開後の使いやすさまで整えたい場合に適しています。
無料版とPro版の違い
| 機能 | 無料版 | Pro版 |
|---|---|---|
| Gutenbergでコード譜を編集 | ✓ | ✓ |
| コードダイアグラム表示 | ✓ | ✓ |
| カスタム運指のテキスト指定 | ✓ | ✓ |
| 閲覧画面での移調・カポ対応 | — | ✓ |
| ダイアグラム／コード名表示切り替え | — | ✓ |
| ダイアグラムの色変更 | — | ✓ |
| ビジュアル運指エディター | — | ✓ |
| ChordPro入出力 | — | ✓ |
| 印刷レイアウト | — | ✓ |
| テンポ・リズム設定 | — | ✓ |
Pro版は1サイト・US$49の買い切りライセンスです。利用には無料版のインストールと有効化が必要です。最新の価格や提供条件は、購入前に製品ページでご確認ください。
こんな方におすすめです
- WordPressで弾き語りやバンド練習用のコード譜を公開したい方
- ギター教室の教材や練習曲を見やすく掲載したい講師の方
- コードダイアグラム画像の作成や管理を減らしたい方
- スマートフォンでも読みやすいコード譜サイトを作りたい方
- 閲覧者が自分のキーに合わせて移調できるページを提供したい方
プライバシーと利用環境
無料版では、任意で許可した場合に限り、Freemius SDKがライセンス管理や利用状況に関する情報を扱います。コード譜の本文や歌詞は送信されません。オプトインをしなくても、無料版の主要機能は利用できます。
動作要件は、WordPress 6.6以上、PHP 7.4以上です。導入前にはサイトのバックアップを取り、ステージング環境でテーマや他のプラグインとの表示確認を行うことをおすすめします。
なお、既存楽曲の歌詞や譜面を公開する場合は、著作権や利用許諾をご自身で確認してください。
WordPressで読みやすいギターコード譜を公開しよう
CyberForest Guitar Chord Sheetを使えば、コードの入力、ダイアグラムの表示、スマートフォン対応までをWordPressの編集画面からまとめて進められます。
まずは無料版で実際の編集と表示を試し、移調、カポ、色変更、ChordPro入出力、印刷などが必要になった段階でPro版をご検討ください。
