WordPress プラグイン
LabelGrid Tools は、リリースカタログ、アーティストプロフィール、ダウンロードゲートを LabelGrid から WordPress サイトへ自動で同期する公式 WordPress プラグインです。基準となるデータは常に LabelGrid 側にあり、プラグインが 6 時間ごとにデータを取り込むため、サイトには常に最新のカタログが反映されます。
| 機能 | 説明 |
|---|---|
| カタログの自動同期 | リリース、アーティスト、ダウンロードゲートを 6 時間ごとに LabelGrid から同期 |
| リリースページ | アートワークと、25 以上のストリーミングプラットフォームやストアへのリンクを備えたランディングページ |
| アーティストプロフィール | バイオグラフィー、SNS リンク、ディスコグラフィーを掲載したアーティストページ |
| リリースグリッド | ジャンル、レーベル、アーティストで絞り込めるカタログのグリッド |
| リリースバナー | 最新作やおすすめのリリースを紹介するトップページ用バナー |
| Spotify 事前保存 | プレイリストやアーティストのフォローを組み合わせた事前保存ボタン |
| 予約注文 | iTunes、Apple Music、Beatport、Juno、Amazon の予約注文に対応 |
| ダウンロードゲート | SNS フォロー(Spotify、Twitter、SoundCloud)と組み合わせたメールアドレス取得ゲート |
| Spotify Web Player | リリースページに Spotify プレーヤーを埋め込み |
| プレスリリース | リリースページ内の専用プレスリリースセクション |
| iTunes アフィリエイトリンク | サイト経由の iTunes 購入でコミッションを獲得 |
| Yoast SEO 連携 | SNS シェア用の Open Graph メタデータ |
- WordPress 5.0 以上
- PHP 8.0 以上
- 有効な LabelGrid アカウント(API プランは不要)
インストール
Section titled “インストール”WordPress 管理画面から
Section titled “WordPress 管理画面から”- プラグイン → 新規追加 に移動します
- 「LabelGrid Tools」を検索します
- 今すぐインストール をクリックします
- 有効化 をクリックします
手動インストール
Section titled “手動インストール”- LabelGrid からプラグインをダウンロードします
- プラグイン → 新規追加 → プラグインのアップロード に移動します
- ダウンロードした ZIP ファイルを選択します
- 今すぐインストール をクリックします
- 有効化 をクリックします
API キーの取得
Section titled “API キーの取得”プラグインを設定する前に、LabelGrid で認証キーを作成します。
- LabelGrid にログインします
- ユーザーメニュー(右上の名前/アバター)をクリックします
- ドロップダウンメニューから Wordpress をクリックします
- Configure Plugin ボタンをクリックします
- Step 1: Create Key で、含めるレーベルを選びます。
- カタログ全体を同期するには All My Labels を選びます
- サイトに表示する範囲を絞るには、特定のレーベルを選びます
- Create New Key をクリックします
- WordPress サイトのドメインを入力します(例:
https://yoursite.com) - OK をクリックしてキーを生成します
- アクセストークンをコピーします。WordPress で必要になります
プラグインの設定
Section titled “プラグインの設定”WordPress 管理画面で 設定 → LabelGrid Tools に移動します。設定ページには 4 つのタブがあります。
LabelGrid GATE タブ
Section titled “LabelGrid GATE タブ”| 設定 | 説明 |
|---|---|
| API Token | LabelGrid でコピーしたアクセストークンを貼り付けます |
General Options タブ
Section titled “General Options タブ”| 設定 | 説明 |
|---|---|
| Debug level | トラブルシューティング用のログ出力レベルを設定します |
| Log retention | システムログを保持する期間 |
| Auto-sync | カタログの自動同期を有効または無効にします |
| iTunes Affiliate Token | iTunes 購入でコミッションを得るための iTunes アフィリエイトトークン |
Releases タブ
Section titled “Releases タブ”| 設定 | 説明 |
|---|---|
| Show unreleased | 今後のリリースをサイトに表示します |
| Spotify pre-save | 未発表コンテンツに Spotify の事前保存ボタンを表示します |
| Pre-save email collection | No / Yes(必須) / Yes(任意) - 事前保存時にメールアドレスを取得します |
| Pre-orders | iTunes、Apple Music、Beatport、Juno、Amazon の予約注文リンクを有効にします |
| Spotify Web Player | リリースページに Spotify プレーヤーを埋め込んで表示します |
| Press release | プレスリリースセクションを表示します |
| Featured artists | リリースページにフィーチャリングアーティストを表示します |
| Similar releases | 類似のリリースを表示します |
| Show below artwork | アートワークの下に表示する内容を選びます(リリースコードまたはレコードレーベル) |
| Twitter feed on artists | アーティストページに Twitter フィードを表示します |
Download Gate タブ
Section titled “Download Gate タブ”| 設定 | 説明 |
|---|---|
| Press | プレスの表示設定 |
| Artists visibility | ゲートページでのアーティスト表示を制御します |
| Button label | ゲートボタンのカスタムテキスト |
| Welcome title | ゲートのランディングページに表示するタイトル |
| Welcome description | ゲートのランディングページの説明文 |
| Wizard button label | ゲートウィザードのボタンのテキスト |
カタログ同期
Section titled “カタログ同期”プラグインは 6 時間ごとに、LabelGrid からカタログを自動で同期します。これにはリリース、アーティスト、ダウンロードゲートが含まれます。
プラグインは WordPress に 3 つのカスタム投稿タイプを作成します。
| 投稿タイプ | 説明 | URL 構造 |
|---|---|---|
| Release | アートワーク、メタデータ、プラットフォームリンクを備えた音楽リリース | /release/release-name/ |
| Artist | バイオグラフィーと SNS リンクを備えたアーティストプロフィール | /artist/artist-name/ |
| Gate Download | メールアドレス取得付きのダウンロードゲート | /free-download/gate-name/ |
ダウンロードゲートでは、ゲートをグループにまとめるための Gate Category タクソノミーも利用できます。
ショートコード
Section titled “ショートコード”プラグインは 11 個のショートコードを提供しており、リリース、アーティスト、ダウンロードゲート、事前保存の 4 つのカテゴリーに分かれています。
リリースのショートコード
Section titled “リリースのショートコード”[labelgrid-release-list]
Section titled “[labelgrid-release-list]”リリースを絞り込み可能なグリッドで表示します。
基本的な例:
[labelgrid-release-list items-page="12" items-row="4"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
show-title | null | リリースタイトルを表示する |
label | null | レコードレーベルで絞り込む |
items-page | 12 | 1 ページあたりのリリース数 |
items-row | 4 | 1 行あたりの列数 |
pagination | null | ページネーションを有効にする |
showcase-last | null | ショーケースモードを有効にする |
item-filter | released | 絞り込みの種類: released または unreleased |
title-below | null | タイトルをアートワークの下に配置する |
filter-artists | null | アーティスト ID で絞り込む |
exclude | null | 特定のリリース ID を除外する |
image-quality | lgt_artwork_medium | 画像サイズのプリセット |
今後のリリースを表示する:
[labelgrid-release-list item-filter="unreleased" items-row="3"][labelgrid-release-list-filter]
Section titled “[labelgrid-release-list-filter]”リリースグリッドの上にドロップダウンの絞り込みを追加します。このショートコードは、同じページの [labelgrid-release-list] より前に配置してください。
基本的な例:
[labelgrid-release-list-filter][labelgrid-release-list items-page="12"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
record_label | null | レコードレーベルの絞り込みドロップダウンを表示する |
[labelgrid-release-banner]
Section titled “[labelgrid-release-banner]”1 つ以上のリリースを紹介するバナーを表示します。トップページに最適です。
基本的な例:
[labelgrid-release-banner items-page="1"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
label | null | レコードレーベルで絞り込む |
items-page | 1 | 表示するリリース数 |
item-filter | released | 絞り込みの種類: released または unreleased |
item-order | DESC | 並び順: DESC(新しい順)または ASC |
filter-artists | null | アーティスト ID で絞り込む |
exclude | null | 特定のリリース ID を除外する |
[labelgrid-release-links]
Section titled “[labelgrid-release-links]”特定のリリースのストリーミング/ストアリンクを表示します。リリースページのテンプレート内で使うか、リリース ID を指定して任意のページで使います。
基本的な例:
[labelgrid-release-links]特定のリリースを指定する場合:
[labelgrid-release-links release-id="123" artists="true"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
release-id | 現在の投稿 ID | リリース投稿の ID |
artists | null | リンクと並べてアーティスト情報を表示する |
[labelgrid-release-detail]
Section titled “[labelgrid-release-detail]”アートワーク、メタデータ、プラットフォームリンク、埋め込みプレーヤーを含む、リリース詳細ページ全体を表示します。このショートコードは現在の投稿を使用し、パラメーターはありません。
例(リリーステンプレート内):
[labelgrid-release-detail]アーティストのショートコード
Section titled “アーティストのショートコード”[labelgrid-artist-list]
Section titled “[labelgrid-artist-list]”アーティストをグリッドレイアウトで表示します。
基本的な例:
[labelgrid-artist-list items-page="8" items-row="4"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
show-title | false | 画像の下にアーティスト名を表示する |
category | null | カテゴリーで絞り込む |
items-page | 12 | 1 ページあたりのアーティスト数 |
items-row | 4 | 1 行あたりの列数 |
pagination | null | ページネーションを有効にする |
title-below | null | タイトルを画像の下に配置する |
[labelgrid-artist-detail]
Section titled “[labelgrid-artist-detail]”バイオグラフィー、SNS リンク、ディスコグラフィーを含む、アーティストプロフィールページ全体を表示します。このショートコードは現在の投稿を使用し、パラメーターはありません。
例(アーティストテンプレート内):
[labelgrid-artist-detail]ダウンロードゲートのショートコード
Section titled “ダウンロードゲートのショートコード”[labelgrid-gate-button]
Section titled “[labelgrid-gate-button]”ダウンロードゲートのボタンを表示します。クリックすると、訪問者はゲートのフロー(メールアドレスの取得と、任意の SNS フォロー)を経てからダウンロードにアクセスできます。
基本的な例:
[labelgrid-gate-button]カスタムテキストを指定する場合:
[labelgrid-gate-button gate-id="45" button-label="Get Free Download" custom-class="my-button"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
gate-id | 現在の投稿 ID | ゲートダウンロード投稿の ID |
post-id | 現在の投稿 ID | 関連するリリース投稿の ID |
button-label | null | ボタンのカスタムテキスト |
custom-class | null | 追加の CSS クラス |
download-text | null | ダウンロードボタンのカスタムテキスト |
[labelgrid-gate-download-list]
Section titled “[labelgrid-gate-download-list]”ダウンロードゲートをグリッドレイアウトで表示します。
基本的な例:
[labelgrid-gate-download-list items-page="6" items-row="3"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
show-title | false | ゲートのタイトルを表示する |
category | null | ゲートのカテゴリーで絞り込む |
items-page | 12 | 1 ページあたりの件数 |
items-row | 4 | 1 行あたりの列数 |
pagination | null | ページネーションを有効にする |
title-below | null | タイトルを画像の下に配置する |
[labelgrid-gate-download-detail]
Section titled “[labelgrid-gate-download-detail]”ダウンロードゲートの詳細ページ全体を表示します。このショートコードは現在の投稿を使用し、パラメーターはありません。
例(ゲートテンプレート内):
[labelgrid-gate-download-detail]事前保存のショートコード
Section titled “事前保存のショートコード”[labelgrid-presave-button]
Section titled “[labelgrid-presave-button]”今後のリリース向けに、Spotify の事前保存ボタンを表示します。訪問者はリリースを事前保存でき、任意でアーティストやプレイリストを Spotify でフォローできます。
基本的な例:
[labelgrid-presave-button]特定のリリースを指定する場合:
[labelgrid-presave-button release-id="123"]パラメーター:
| パラメーター | 既定値 | 説明 |
|---|---|---|
release-id | 現在の投稿 ID | リリース投稿の ID |
CSS クラスのリファレンス
Section titled “CSS クラスのリファレンス”プラグインは、スタイル設定に次の CSS クラス接頭辞を使用します。
| クラス | 要素 |
|---|---|
.lgsquarelist | リリースおよびアーティスト一覧のグリッドコンテナー |
.releaseelement | 個々のリリースまたはアーティストのカード |
.elementrow1 〜 .elementrow8 | 列数別のレイアウト(items-row 設定に対応) |
.elementrowx | 可変レイアウトのバリエーション |
.spotify, .twitter, .youtube, .soundcloud, .facebook | プラットフォームリンクのサービス別スタイル |
.banner-* | リリースバナーの要素 |
.gate, .gateimage, .freedownload | ダウンロードゲートの要素 |
トラブルシューティング
Section titled “トラブルシューティング”リリースが表示されない
Section titled “リリースが表示されない”- 設定 → LabelGrid Tools に移動し、API トークンが正しく入力されているか確認します
- General Options タブで自動同期が有効になっているか確認します
- 次の同期サイクルまで最大 6 時間待つか、プラグインを無効化してから再有効化すると、即時の同期がトリガーされます
- LabelGrid でリリースが公開済み(下書き状態ではない)になっているか確認します
- 設定 → LabelGrid Tools → General Options でデバッグレベルを上げ、ログを確認します
ショートコードがそのままテキストとして表示される
Section titled “ショートコードがそのままテキストとして表示される”- プラグイン でプラグインが有効化されているか確認します
- ショートコード名にアンダースコアではなくハイフンを使っているか確認します(例:
[labelgrid-release-list]) - ショートコード名に誤字がないか確認します
スタイルの問題
Section titled “スタイルの問題”- テーマとの CSS の競合がないか確認します
- ブラウザーの開発者ツールで要素のクラスを確認します
- プラグインのクラス名を対象にしたカスタム CSS を追加して上書きします(上記の CSS クラスのリファレンスを参照)
- WordPress の標準テーマでテストし、テーマ側の競合かどうかを切り分けます
API 接続のエラー
Section titled “API 接続のエラー”- API トークンが有効で、期限切れになっていないか確認します
- LabelGrid アカウントが有効か確認します
- サーバーが
gate.labelgrid.comへの外向きリクエストを行えるか確認します - プラグインのログで具体的なエラーメッセージを確認します
ゲートのエントリーとエクスポート
Section titled “ゲートのエントリーとエクスポート”ダウンロードゲートのエントリー(取得したメールアドレス)は、WordPress 管理画面から CSV としてエクスポートできます。ゲートダウンロードの投稿に移動し、エクスポートのオプションを探してください。
アップデート
Section titled “アップデート”自動アップデート
Section titled “自動アップデート”- WordPress 管理画面の プラグイン に移動します
- 「LabelGrid Tools」を見つけます
- 自動更新を有効化 をクリックします
手動アップデート
Section titled “手動アップデート”- LabelGrid から最新バージョンをダウンロードします
- プラグイン → 新規追加 → プラグインのアップロード に移動します
- 新しい ZIP ファイルをアップロードします
- WordPress が既存バージョンの置き換えを確認します
- 現在のものをアップロードしたもので置き換える をクリックします
LabelGrid Tools WordPress プラグインについて、スマートリンクのランディングページ、Spotify 事前保存キャンペーン、ゲート付きダウンロードなど、詳しくは当社サイトをご覧ください。
サポートが必要ですか?
Section titled “サポートが必要ですか?”WordPress プラグインについてサポートが必要な場合は、WordPress のバージョン、PHP のバージョン、プラグインのログに表示されたエラーメッセージを添えて、サポートチームにお問い合わせください。