ワードプレス5.0のエディタGutenbergでのアドセンス広告やカエレバコードの貼付方法

ワードプレス

ワードプレスが5.0にアップデートされて記事作成画面が大幅に変更になりましたが、まだまだ慣れないので、ちょっとしたことでハマってしまいます。

今回もカエレバを使ったアマゾンや楽天、ヤフーショッピングへのリンクを貼るのに四苦八苦してしまったので、今後のために備忘録。

しばらくブログ更新をサボっていたんですが、以前やったはずのWordpress5.0のエディタでの広告貼り付けの方法をすっかり忘れてしまってました。

正直、このワードプレス5.0のエディタGutenbergは使いづらい・・・

でも、ただ慣れてないだけだろうから我慢して使っていこうと思ってます。

まず記事作成画面でブロックを作成

ブロックを作ったら右側にある薄いキーボードのアイコンをポイントすると「クラシックの追加」と出るのでクリックします。

左の+マークをクリックして「クラシック」を追加しても同じですが、こっちのほうが早いので。

すると下のような表示が出るのですが、このままここに広告コードなどをはりつけるとそのままhtmlが表示されてしまいます。

なので、右上にある縦に3つ・が並んだアイコンをクリックして、「htmlで編集」を選択します。

すると下のような画面になります。

ここに広告コードや商品リンクコードを貼り付ければ、商品のリンクが上手く貼られます。

と、説明しながらいじっていたら、最初のブロックを作る段階で左の+マークをクリックして「カスタムhtml」を選択したほうが早かったというね・・・汗

いろいろいじってれば慣れるということがわかった笑

コメント

タイトルとURLをコピーしました