ワードプレスのnote:cardへの対応方法

note:card対応方法。ワードプレスでOGP導入済みの場合

noteに、ノートカード対応のお知らせが載っていたので、OGP導入済みの場合の対応するためのコード。
noteにURLが埋め込まれた場合に、大きな画像が表示されます。
参考:URL埋め込み時の画像を大きく表示できるようになりました

すでにOGPに対応している方は、functions.phpの適当な場所に下記のコードを追記してください。

function wpqw_add_head() {
	echo '<meta name="note:card" content="summary_large_image">' . "\n";
}
add_action( 'wp_head', 'wpqw_add_head' );

指定した画像サイズが横600px 縦314px以上の場合に大きく表示されます。(解像度が足りない場合は画像が小さいカードで表示されます)

note:card