manifest / integrations / tools-for-makeshop-wp-option
Preview and Tools for makeshop WordPress option
Preview and Tools for makeshop WordPress option
by HASEGAWA Yoshihiro · github.com/hiroghap1/tools-for-makeshop-wp-option
★ 0stars
2release downloads
0forks
Install
The author publishes release zips, so WP-CLI can install straight from GitHub:
wp plugin install https://github.com/hiroghap1/tools-for-makeshop-wp-option/releases/download/v0.1.0/tools-for-makeshop-wp-option-0.1.0.zipFrom the readme
Preview and Tools for makeshop WordPress option
makeshopのWordPress連携オプション用のプレビュー機能と商品表示ブロックを提供するWordPressプラグインです。
概要
Preview and Tools for makeshop WordPress optionは、makeshopのWordPress連携オプションを強化するプラグインです。ブロックエディタでのプレビュー・保存機能を有効化し、makeshop商品を美しく表示するカスタムGutenbergブロックを提供します。
主な機能
✨ ブロックエディタプレビュー
- WordPress連携オプション上でブロックエディタのプレビューと保存機能を有効化
- リアルタイムプレビューで編集結果を即座に確認
🛍️ 商品表示ブロック
- makeshop商品をグリッドレイアウトで表示するGutenbergブロック
- 商品URL(1行に1つ)を入力するだけで簡単に商品を表示
- レスポンシブ対応(デスクトップ/タブレット/モバイル)
⚙️ カスタマイズ可能なセレクタ
- CSSセレクタを使用して商品情報を柔軟に取得
- デフォルトセレクタも用意されているため、すぐに使用開始可能
- サイト構造に応じてセレクタを自由にカスタマイズ
🎨 表示制御
- 画像、カテゴリ、価格、説明の表示/非表示を個別に制御
- 商品名と説明の表示行数をCSS line-clampで制御
- デスクトップ、タブレット、モバイルで異なるグリッド列数を設定可能
⚡ パフォーマンス
- WordPress Transient APIによる1時間キャッシュで高速表示
- 手動での商品データ更新も可能
- REST APIによる非同期商品データ取得
🌏 完全日本語対応
- すべてのUI要素が日本語で表示
- 管理画面も日本語で分かりやすい
スクリーンショット
商品表示ブロック(フロントエンド)
ブロックエディタ
管理画面
インストール
WordPress管理画面から
1. WordPress管理画面の「プラグイン」→「新規追加」を開く
2. 「Preview and Tools for makeshop WordPress option」を検索
3. 「今すぐインストール」をクリック
4. 「有効化」をクリック
手動インストール
その後、WordPress管理画面でプラグインを有効化します。
使い方
1. 初期設定
1. WordPress管理画面の「makeshopツール」→「makeshopツール設定」を開く
2. プレビュー設定でプレビュー機能を有効化(オプション)
3. ブロック設定で商品表示ブロックを有効化
4. 各商品情報のCSSセ
Read the full README on GitHub →
Releases
| Tag | Published | Asset | Downloads |
|---|---|---|---|
| v0.1.0 | Feb 4, 2026 | tools-for-makeshop-wp-option-0.1.0.zip | 2 |