こんにちは。生涯挑戦!をモットーに新大人世代を応援する、こうちゃんです。
ワードプレスの新エディターグーテンベルクを今年から使い始めました。
画像の埋め込みや、リンクの埋め込みなど、便利な点がある反面、
まだ慣れないところもあり、クラシックエディターと併用しています。
もうひとつ、困ったのがアマゾンアソシエイトのリンクです。
旧エディターでは、Amazon JSというプラグインをつかって、
商品リンクを貼り付けていました。
ところが、グーテンベルクだと Amazon JSが使えないのです。
お友達に聞いたり、ググって調べたりして簡単なやり方を知りましたので、
シェアします。
■グーテンベルクの「カスタムHTML」機能の活用
これがポイントです。
具体的には、
・リンクしたいアマゾンの商品ページに行く。
・「テキストと画像」のタブを選ぶ
・HTML表示をコピーする
・グーテンベルクのブログ編集画面で、貼り付けたい位置で
「カスタムHTML」を選んでそこにペーストする
![](https://globalk-m.com/wp/wp-content/uploads/2019/01/スクリーンショット-2019-01-29-21.07.35-1024x847.jpg)
![](https://globalk-m.com/wp/wp-content/uploads/2019/01/スクリーンショット-2019-01-29-19.23.53-1024x746.jpg)
![](https://globalk-m.com/wp/wp-content/uploads/2019/01/スクリーンショット-2019-01-29-21.10.46-1024x519.png)
これで、更新してみると、
小さい画面ですが、うまくリンクできていました。
![](https://globalk-m.com/wp/wp-content/uploads/2019/01/スクリーンショット-2019-01-29-21.00.30-1024x426.jpg)
■まとめ
まだワードプレス初心者の私が試行錯誤中のグーテンベルクですが、
便利なところもある反面、かゆいところに手が届いてない部分もあります。
同じようなお悩みを感じていらっしゃる方の参考になれれば幸いです。
当面は旧エディターとの併用になりそうです。
初心者目線で最低限の基本的な使い方はこちらにまとめました。
ABOUT ME