Notion風ブックマークジェネレーター

Contents

生成例

このツールは、Notion風のブックマークカードHTMLを自動生成するツールです。左側のフォームにタイトル・説明文・リンクURL・画像URLを入力し、必要に応じて文字サイズやカードの高さ・各エリアのスペースを調整してください。入力内容に合わせたプレビューがページ下部に表示され、右側の「HTMLコードをコピー」ボタンから完成したコードをコピーできます。コピーしたHTMLを、WordPressの記事編集画面の「カスタムHTML」ブロックやElementorのHTMLウィジェットに貼り付けるだけで、同じデザインのリンクカードをブログ内に表示できます。

ブックマークカード生成ツール

スタイル設定

生成されたHTMLコード(ここをコピーして使います)

※同じページに複数カードを置く場合、<style>〜</style>は1回だけにしてください。

0 0 投票
Article Rating
Subscribe
Notify of
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
全てのコメントを見る
Picture of Ron
Ron

アメリカ在住の機械屋さん。
趣味は写真で生活に役立つ情報を発信中!

ブログランキング・にほんブログ村へ
0
Would love your thoughts, please comment.x
()
x