How to embed ShortNote Notes in WordPress

With EmbedPress, you can add ShortNote Notes to WordPress, using just a URL.

ShortNote embeds are possible, but they’re not easy to use via normal methods. EmbedPress is different. With EmbedPress, you don’t have to mess around with embed code. All you need is the ShortNote Note URL.

Here’s how to embed any ShortNote Note into your WordPress site, using the EmbedPress plugin.

Step #1. Install the EmbedPress plugin

EmbedPress is a very helpful plugin that expands and improves on WordPress’ capabilities. Install EmbedPress and your WordPress site will become far more powerful. Click here to find EmbedPress on WordPress.org.

Step #2. Set Up Your ShortNote Account

  1. You can Login/Register to ShorNote.jp
  2. Browse through existing notes or choose one you have already created.
    screenshot_3
  3. Go to Notes detail page.
    screenshot_1
  4. Copy the URL from Address bar.
    screenshot_2

Step #3. Publish your ShortNote Embeds

Now you have the ShortNote Note URL, you can add it to WordPress.

  1. Go to your WordPress site.
  2. Edit a post or page.
  3. Add your ShortNote Note URL into the content area, with the “Visual” tab enabled.
  4. You will see a purple background with a “Loading your embed …” message:
  5. Your URL will automatically be transformed into an embed of your ShortNote Note:
    screenshot_4

Step #4. Edit your ShortNote Embeds

While editing your WordPress content, you can also edit your embed, thanks to EmbedPress.

  1. Hover over the embed, and a purple button will appear.
  2. Click the pencil and a pop-up screen will appear with more options.
    google-docs-pencil
  3. You can now change the embed URL, plus you can also control the maximum width and height of the embed.
in Embed Sources

Related Articles

Start today!

[i]
[i]