Skip to content

Instantly share code, notes, and snippets.

@yhira
Last active April 15, 2020 10:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yhira/4afbc4cd63645df54643700eb769c36b to your computer and use it in GitHub Desktop.
Save yhira/4afbc4cd63645df54643700eb769c36b to your computer and use it in GitHub Desktop.
Cocoon外部ブログカードの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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment