Noteやめました。
BLogとNote握手

【簡単解説】WordPressにNoteの記事を埋め込む方法

BLogとNote握手

NoteとBlogをお互いにリンクさせてることで効率よく記事を見てもらうためにNoteとBlogを行き来できるようにリンクを貼ることが必須となります。

ところ単純にお互いのURLを記事に貼り付けるだけではどうもうまくいきませんでした。

そこで今回は綺麗に表示される方法をご紹介します。ちなみBlogはWordpressを前提としております。それ以外のBlogサービスをご利用の方は各々の環境でアレンジしていただければと思います。

Note→Blog

まずはNoteからBlogへ移動してもらう場合。つまりNoteにBlogのリンクを貼り付ける方法です。

1.貼り付けたい場所にリンク先のURLをペースト。

2.ENTERを押す。

以上です。めちゃくちゃ簡単だった。説明不要でした。

広告

Blog→Note

気を取り直して今度はBlogにNoteへのリンクを埋め込む方法です。

こちらは少し作業が必要です。

まずは勘違いしやすい間違いを紹介します。

画像はiPad版のNoteアプリの画像ですが、リンク用のURLをコピーするために右上のメニューボタンを押しがちです。

ここにあるURLをコピーで確かにURLはゲット出来ます。

しかしこれを貼り付けても・・・・

ただURLが羅列されるだけでした。

なぜなのか?とか難しい事は聞かないでください。ともかくうまくいった方法だけを紹介します。

1.ブラウザのNoteを参照ください。(アプリ版ではダメでした)記事の最後に表示されるプロフィールの上。♡+…の…を押すと サイトに貼る と出ます。

2.すると記事をサイトに貼るためのコードが表示されます。(なんとなくモザイクにしてます)こちらをコピーします。

3.次に貼り付ける側のBlog(Wordpress)です。

4.コードを貼り付けるので、ブロックはカスタムHTMLを選択します。コードを直貼りしてもうまくいきません。

5.貼り付ければ完了です。

ブロックのプレビューにすると、ちゃんとNoteへのリンクが表示されています。

もちろん記事のプレビューをしても綺麗に表示されました。

まとめ

NoteにBlogのリンクを貼るのは簡単ですが、その逆は意外とクセがあるので、初見ではわかりにくいですね。

難しいことでは無いと思いますが、分からなくなったらこのページを見直してください!

この方法を使って、NoteとBlogの両立に励みましょう!

広告
BLogとNote握手
最新情報をチェックしよう!
>記事作成に集中できる環境

記事作成に集中できる環境

ブログで最も重要なのは記事を書く事です。
しかしテーマやデザイン選びなどに時間を取られがちに。
WordPressには優れた無料テーマがたくさんあります。

しかし、私が有料テーマ【THE THOR】を使っています。
理由は記事を書くことに集中したいからです。

このテーマはhtmlなどの知識が無くても豊富なデザインから選択でき、SEOにも強い。
WORD PRESS初心者でも本格的なブログを作成できます。
テーマ選びやカスタマイズの手間からの解放。

この初期投資は有効な選択肢のひとつです。