URLをペーストしてブログカードを生成

Webflowのコードエンベッドに貼り付けるだけで、おしゃれなブログカードを表示できます。

1

URLを入力

手動で内容を編集する
💡 自動取得できない場合:記事ページを開き、タイトル・説明文・OG画像URLを確認して手動で入力してください。画像URLはブラウザの検証ツール → Elements → <meta property="og:image"> で確認できます。
WebflowのCMSではAssets URLをそのまま貼り付けられます
2

カードのオプション

表示する要素
カードスタイル
アクセントカラー
3

プレビュー

URLを入力して「生成」をクリック

4

Webflow コードエンベッド用コード

Webflowのページ内のコードエンベッド要素にこのコードを貼り付けてください。スタイルはすべてインラインで記述されているため、追加のCSSは不要です。

本ツールで取得されるコンテンツ(タイトル・説明文・画像など)の著作権は各サイトの運営者に帰属します。
入力した情報はサーバーに保存されません。ご利用前に当サイトの プライバシーポリシー をご確認ください。