リンクカードの実験【Manablog Copy限定】
この記事にはプロモーションが含まれています
Sharehtmlを、もっときれいにしたメーカー、「のような」リンクカードの実験です。
■Sharehtmlを、もっときれいにしたメーカー「風」ソースコード
コード
<p><a href="#" style="text-decoration: none;"></p>
<div class="link-box">
<div class="img-box">
<div style="background-image: url('#');"></div>
</div>
<div class="text-box">
<p class="title">ここにタイトル</p>
<p class="description">ここにメタディスクリプション</p>
</div>
</div>
<p></a></p>こんな感じになります。
参考記事①：ここにタイトル
ここにタイトル
ここにメタディスクリプション
使用例
セールスに引っかかる理由は緊張への依存と回避する習慣にあった(転載です)
セールスに引っかかる理由は ・回避する習慣にある ことですね。多くの人は「何となく怖い→ドアを開ける→サインする」で引っかかりますが、そうではなく、「ドアの前で回復→リラックス→現状の再確認→手順を踏んで断る」が正解です。自発的な「突撃＆失敗経験」の繰り返しが最高の対策になる。
・出典
ゾノ先生．“【Minimalカスタマイズ】マナブログをモデリングして、ブログを作る【manablog】”[コード] ．01blog．2020-4-27，
https://01blog.org/manablog-customization/，（参照 2026-02-23）．
検索ワード「manablog リンクカード コード」→画像→「01blog」の「【マジで暇】一人旅をしたら～」を探す
■関連記事
【あるとラク】ブログのテンプレート【3000字はいける】
読まれる文章には「型」があります。「結論」→「感想or経験」→「結論」の組み合わせです。からの「まとめ形式」と「主張形式」。です。SNSでも同じです。伸び悩んでいる人にどうぞ。
吹き出しとビデオ投稿のテスト
『Manablog Copy』を買ったときについてくる「ナマケモノ吹き出し」のテストです。本記事でレスポンシブ対応にできます。ぜひどうぞ。