WordPressでのブログカード表示
WordPressで記事内部にリンクを張りたいとき、ブログカードを使いたいことは多いと思います。
WordPressのエディタを使っていれば自動で可能ですが、外部のVSCodeなどで編集を行っている場合にどうすればいいのか紹介します。
使用するタグ
基本的には、ブログカードにするためのレイアウトが事前にWordPressに登録されているため、そのレイアウトを呼び出せればいいことになります。
そのために、HTMLのタグを使用します。
実際にブログカードをWordPressのエディタで作成してみて、どのようなタグになっているか確認し、そのタグを使用することで、VSCodeなどで編集した場合にも適用できるようになります。
私の場合は、以下のタグで囲むことで、ブログカードを作成できるようになりました。class="wp-block-embed__wrapper"で使用できるようでした。
もし、このタグでうまくいかない場合は、タグを確認して、そのタグに書き換えてください。
<div class="wp-block-embed__wrapper">
</div>
