URLからウェブサイトのキャプチャを取得する

WordPressが提供しているサービス(API)で、サイトのキャプチャを取得することが出来る。
APIを使用するサイト及び、キャプチャを取得するサイトはWPで構築されていなくても可能。

注意点は、「:」を「%3A」。「/」が「%2F」というように、URLをエンコードしておく必要がある。
◆表記例

<img src="https://s.wordpress.com/mshots/v1/【ここにエンコードしたURLが入ります】?w=220"/>

☆当サイトのサムネイルを出す場合

<img src="https://s.wordpress.com/mshots/v1/http%3A%2F%2Fnote.favorite-color.net%2F?w=480">

◆jsでのエンコードの方法
encodeURIComponentを使用する。

function encodeUrl(url) {
    return encodeURIComponent(url);
}

参考サイト

DREAM HIVE
Webサイトのキャプチャ画像を動的に取得する方法、WordPressでページに挿入する方法
https://www.dreamhive.co.jp/201806/4855