![](https://goodstart-invest.com/wp-content/uploads/2021/08/AmazonJsが使えない?を解決!-2.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/07/IMG_1855-(編集済み).jpg)
AmazonJsがブロックエディターにしたら使えなくなっちゃった!
使えるようにできる?
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
こんな悩みにお答えします。
ブロックエディターにしたら、AmazonJsプラグインが使えなくなって困ってました・・・
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-273.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-273.png)
これ、Amazonの商品を紹介するのにめちゃめちゃ便利だったんですよね。
こんな感じに表示されます。
今までは、WordpressテーマのAFFINGERを使っていたので、クラシックエディターだと問題なかったんですが、SWELLにテーマを移行したところ、AmazonJsがどうにも使えなく悩んでました。
SWELLもクラシックエディターは使えるんですが、AmazonJsの機能が無反応なんです・・・
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-277-1024x197.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-277-1024x197.png)
リンク作成のためのボタンは表示されるんですが、押しても何もならないんですよね。
あきらめていましたが、ようやく使い方がわかったので解決方法をご紹介します!
AmazonJsをブロックエディターで使う方法
さっそくですが、解決方法です。
解決方法:Classic Editorのプラグインを入れる
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-279.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-279.png)
SWELLはブロックエディターでブログを書くので、ClassicEditorのプラグインは不要だと思って外してました。
設定方法を説明します。
AmazonJsを使う設定方法
画像をつけて解説します。
STEP①: ClassicEditorプラグインを有効にする
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-282-1024x296.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-282-1024x296.png)
インストールしたClassicEditorを有効にします。
STEP②:設定>>>投稿設定を選択
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-284.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-284.png)
STEP③:投稿設定で赤枠の内容に設定
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-285.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-285.png)
- すべてのユーザーのデフォルトエディター ⇒ Block editor を選ぶ
- ユーザーにエディターの切り替えを許可 ⇒ はい を選ぶ
これでAmazonJsを使える準備が完了です。
次に実際の使い方の解説です。
WordPress投稿画面でAmazonJsの使い方を解説
投稿でAmazonJsの使い方を解説します。
STEP①:投稿画面の右上(画像の赤枠)をクリック
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-292-1024x266.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-292-1024x266.png)
ブロックエディターの投稿画面で、赤枠に囲ってある画面右上をクリック。
STEP②:旧エディターに切り替える
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-293-1024x364.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-293-1024x364.png)
旧エディターに切り替えを選ぶ。
STEP③:クラシックエディターに切り替わる
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-294.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-294.png)
クラシックエディターになると、AmazonJsが使えます。
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-295.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-295.png)
ボタンを押すとちゃんとリンク作成画面になります。
STEP④:リンク作成後、ブロックエディターに切り替え
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-296.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-296.png)
ブロックエディターに切り替えて完了です。
STEP⑤:ブロックエディターに切り替えてプレビューで確認
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-300.png)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/スクリーンショット-300.png)
プレビューで確認するとちゃんと表示されます!
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
やり方がわかれば簡単です。
まとめ
![](https://goodstart-invest.com/wp-content/uploads/2021/08/22008875-1024x1024.jpg)
![](https://goodstart-invest.com/wp-content/uploads/2021/08/22008875-1024x1024.jpg)
それではAmazonJsをブロックエディター(Gutenberg)で使う方法のまとめです。
結論:AmazonJsはClassicEditorプラグインを入れないと使えない。
- ClassicEditorプラグインをインストール、有効にする
- 設定でユーザーに切り替えを許可 ⇒ はい
- 投稿画面で旧エディターに切り替える
- クラシックエディターでAmazonJsを使う
- ブロックエディターに戻して完了
SWELLでAmazonJsを使えるようになって満足です!
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
![](https://goodstart-invest.com/wp-content/uploads/2023/05/アイコン:たぬき-513x360.png)
この記事が、使えなくて困ってる方の参考になればうれしいです。
それではまた。