Cocoon外部ブログカードのHTML例

external-blogcard.html

<a href="https://wp-simplicity.com/" title="Simplicity" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank" rel="noopener">
	<div class="blogcard external-blogcard eb-left cf">
		<div class="blogcard-label external-blogcard-label"><span class="fa"></span></div>
		<figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://cocoon.local/wp-content/uploads/cocoon-resources/blog-card-cache/7183f3692da296da4ede1d25e5a91233.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90"></figure>
		<div class="blogcard-content external-blogcard-content">
			<div class="blogcard-title external-blogcard-title">Simplicity</div>
			<div class="blogcard-snippet external-blogcard-snippet">内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。</div>
		</div>
		<div class="blogcard-footer external-blogcard-footer cf">
			<div class="blogcard-site external-blogcard-site">
				<div class="blogcard-favicon external-blogcard-favicon"><img src="//www.google.com/s2/favicons?domain=wp-simplicity.com" class="blogcard-favicon-image" alt="" width="16" height="16"></div>
				<div class="blogcard-domain external-blogcard-domain">wp-simplicity.com</div>
			</div>
		</div>
	</div>
</a>