ブログカードショートコードと単なるURLのブログカード混在テスト

＜ワードプレスコードエディターでの入力＞

ブログカード1つ目

<!--blogcard-->[https://google.com/?hl=ja]<!--/blogcard-->

ブログカード2つ目

<!--blogcard-->
[https://google.com/?hl=ja]
<!--/blogcard-->

https://google.com/?hl=ja



＜Cocoonブログカード処理後のHTML出力＞

      <p>ブログカード1つ目</p>
<div class="blogcard-shortcode-wrap"><!--blogcard--><a href="https://google.com/?hl=ja" title="Google" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://hoge.jp/wp/wp-content/uploads/cocoon-resources/blog-card-cache/e14abdd122b44c8985d52828a1ccc98e.gif" 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">Google</div><div class="blogcard-snipet external-blogcard-snipet">ダリダ 生誕86周年 #GoogleDoodle</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=www.google.com" class="blogcard-favicon-image" alt="" width="16" height="16"></div><div class="blogcard-domain external-blogcard-domain">www.google.com</div></div></div></div></a><!--/blogcard--></div>
<p>ブログカード2つ目</p>
<div class="blogcard-shortcode-wrap"><!--blogcard--><br>
<a href="https://google.com/?hl=ja" title="Google" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://hoge.jp/wp/wp-content/uploads/cocoon-resources/blog-card-cache/e14abdd122b44c8985d52828a1ccc98e.gif" 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">Google</div><div class="blogcard-snipet external-blogcard-snipet">ダリダ 生誕86周年 #GoogleDoodle</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=www.google.com" class="blogcard-favicon-image" alt="" width="16" height="16"></div><div class="blogcard-domain external-blogcard-domain">www.google.com</div></div></div></div></a><br>
<!--/blogcard--></div>
<a href="https://google.com/?hl=ja" title="Google" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://hoge.jp/wp/wp-content/uploads/cocoon-resources/blog-card-cache/e14abdd122b44c8985d52828a1ccc98e.gif" 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">Google</div><div class="blogcard-snipet external-blogcard-snipet">ダリダ 生誕86周年 #GoogleDoodle</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=www.google.com" class="blogcard-favicon-image" alt="" width="16" height="16"></div><div class="blogcard-domain external-blogcard-domain">www.google.com</div></div></div></div></a>