[Wordpress]CocoonテーマのoEmbed対応で内部リンクをブログカードで表示する。

通常のリンクの貼り方では、ブログカードとして表示されませんが、以下のように表示することができました。

内部リンクブログカードは「Cocoon設定→ブログカード」タブにある「内部ブログカードの設定」から変更することが可能です。

内部ブログカードを表示する方法

内部ブログカードを記事本文内に表示させる方法です。URLを記入するだけで利用できます。

内部ブログの記事がテキストになってしまい、ブログカードで表示されないんです。

なぜでしょうか？

テキストのように表示されてしまい少し使い勝手が悪いです。

固定ページ

サラリーマンが取り組める副業を紹介！始める前に知っておきたい税金の注意点も解説

投稿ページ

Meet ReplayKit2【SwiftUI iOS 動画配信】

やり方がわかりました。

以下のように特別なタグの中に入れることで、自分の作ったブログの記事のリンクをブログカード方式で表示させることができます。

<!– wp:cocoon-blocks/blogcard –>
<div class=”wp-block-cocoon-blocks-blogcard blogcard-type bct-none”>
<p>https://quadkinghd.com/meet-replaykit2%e3%80%90swiftui-ios-%e5%8b%95%e7%94%bb%e9%85%8d%e4%bf%a1%e3%80%91/</p>
</div>
<!– /wp:cocoon-blocks/blogcard –>