WordPress プラグイン開発
WordPress 口コミプラグイン開発
Cocoon テーマを使用したブログサイト向けに、Site Reviews プラグインのデザインカスタマイズ・匿名投稿対応・Google リッチリザルト向け Product スキーマ出力を実装するオリジナルプラグインを開発。吹き出し・Swiper カルーセル・カードレイアウトから、JSON-LD 構造化データの単一出力制御まで一貫して対応。
課題
①参考サイトと同等の口コミデザイン（吹き出し・カルーセル・カード）への変更、②名前を任意にして匿名で投稿できるようにしたい、③Google 検索のリッチリザルトに星評価を表示したい、という 3 つの要件を段階的にご依頼いただきました。Site Reviews の二重スキーマ出力や、ログインユーザー名が自動挿入されるなど、プラグイン固有の挙動への対応が技術的な課題でした。
解決策
CSS・JavaScript・PHP を WordPress プラグインとしてパッケージ化し、有効化だけで全機能が適用される設計を採用。名前未入力時の匿名処理は PHP フィルターではなく JS の submit イベント（capture: true）で送信直前に値を書き換えることで、ログインユーザー名の自動挿入を回避。スキーマは Site Reviews が出力する script タグを正規表現で除去し、wp_glsr_ratings テーブルを直接クエリして Product スキーマを 1 つだけ出力することで二重出力エラーを解消しました。
実装した機能
吹き出し CSS 自動生成（::before / ::after）Swiper カルーセル変換（JS）レスポンシブ対応（3段階）匿名投稿（名前任意化）Product JSON-LD スキーマ単一出力Site Reviews 競合対策
成果
- ✓参考サイトのデザインを忠実に再現。PC 3 枚・タブレット 2 枚・SP 1 枚のレスポンシブカルーセルを実現
- ✓名前未入力での匿名投稿に対応。ログインユーザー名の自動挿入も JS で確実に防止
- ✓Google Rich Results Test で Product スキーマ（AggregateRating + Review）の正常出力を確認
使用技術
WordPressPHPCSSJavaScriptSwiperSite ReviewsJSON-LD