WordPressにnoteを埋め込みたいけどどうしたらいいの?誰か教えてください。
そんな悩みを解消します。
本記事でわかること
- WordPressにnoteを埋め込む方法
完成形は以下のようなものです。
WordPressにnoteを埋め込む方法
![WordPress](https://himefire.com/wp-content/uploads/2022/01/wordpress-g52622aa20_1920-1024x683.jpg)
それでは早速本題に入ります。
手順はとても簡単です。
- note記事の埋め込みコードをコピーする
- カスタムHTMLで埋め込む
①note記事の埋め込みコードをコピーする
まずはnote記事の埋め込みコードを取得します。
貼り付けたいnoteの記事にアクセスしましょう。
今回は、
を例に出します。
記事コンテンツの一番下まで移動してください。
![一番下まで移動](https://himefire.com/wp-content/uploads/2022/01/一番下まで移動.png)
次に「・・・」をクリックします。
すると、メニューが表示されるので、「サイトに貼る」をクリックしてください。
![サイトに貼る](https://himefire.com/wp-content/uploads/2022/01/サイトに貼る.png)
するとこんな風にnote記事の埋め込みコードが表示されますので、コピーしておきましょう。
![コードコピー](https://himefire.com/wp-content/uploads/2022/01/コードコピー.png)
こちらのコードをブログサイトに貼り付けることで、noteの記事を綺麗に表示できます。
②カスタムHTMLで埋め込む
続いて、コピーした埋め込みコードをWordPressブログ内に設置していきます。
WordPress>ブロック>カスタムHTMLを選択してください。
![カスタムHTML](https://himefire.com/wp-content/uploads/2022/01/カスタムHTML-1024x478.png)
すると、カスタムHTMLが表示されます。
![カスタムHTML表示](https://himefire.com/wp-content/uploads/2022/01/カスタムHTML表示-1024x126.png)
先ほどコピーしたコードを貼り付けてください。
![カスタムHTMLコード貼り付け](https://himefire.com/wp-content/uploads/2022/01/カスタムHTMLコード貼り付け-1024x205.png)
プレビューで確認しましょう。表示されている場合は、成功です。
![プレビュー](https://himefire.com/wp-content/uploads/2022/01/プレビュー.png)
以上で完成です。お疲れ様でした。
noteを埋め込む時の注意点
![注意点](https://himefire.com/wp-content/uploads/2022/01/audit-g6b65b8c5c_1920-1024x660.jpg)
ここまでWordPressにnoteを埋め込む方法をご紹介しました。
しかし、最後に注意点があります。
それが、noteとWordPressで同じ文章を投稿してはいけません。
Googleの検索エンジンは優秀なので、多少表現を変えただけでもペナルティを受ける可能性があります。
異なる文章と内容にするようにしましょう。
まとめ
今回はWordPressにnoteを埋め込む方法をご紹介しました。
手順は
- note記事の埋め込みコードをコピーする
- カスタムHTMLで埋め込む
です。
注意点は noteとWordPressで同じ文章を投稿してはいけません。
ここに気をつけて楽しいライティング活動をしていきましょう。
\合わせて読みたい/