SWELLでAmazonJsが使えない?ブロックエディターでAmazonJsを使う方法を教えます!

AmazonJsがブロックエディターにしたら使えなくなっちゃった!
使えるようにできる?

こんな悩みにお答えします。

ブロックエディターにしたら、AmazonJsプラグインが使えなくなって困ってました・・・

AmazonJsプラグイン

これ、Amazonの商品を紹介するのにめちゃめちゃ便利だったんですよね。

こんな感じに表示されます。

今までは、WordpressテーマのAFFINGERを使っていたので、クラシックエディターだと問題なかったんですが、SWELLにテーマを移行したところ、AmazonJsがどうにも使えなく悩んでました。

SWELLもクラシックエディターは使えるんですが、AmazonJsの機能が無反応なんです・・・

SWELL クラシックエディター

リンク作成のためのボタンは表示されるんですが、押しても何もならないんですよね。

あきらめていましたが、ようやく使い方がわかったので解決方法をご紹介します!

目次

AmazonJsをブロックエディターで使う方法

さっそくですが、解決方法です。

解決方法:Classic Editorのプラグインを入れる

Classic Editorプラグイン

SWELLはブロックエディターでブログを書くので、ClassicEditorのプラグインは不要だと思って外してました。

 

AmazonJsはクラシックエディターでしか今のところ使えません。
使うにはClassicEditorプラグインの設定が必要です。

設定方法を説明します。

AmazonJsを使う設定方法

画像をつけて解説します。

STEP①: ClassicEditorプラグインを有効にする

インストールしたClassicEditorを有効にします。

STEP②:設定>>>投稿設定を選択

STEP③:投稿設定で赤枠の内容に設定

  1. すべてのユーザーのデフォルトエディター ⇒ Block editor を選ぶ
  2. ユーザーにエディターの切り替えを許可 ⇒ はい を選ぶ

これでAmazonJsを使える準備が完了です。

次に実際の使い方の解説です。

よかったらシェアしてね!
  • URLをコピーしました!
目次