画面上にURLを表示したいけれど、ブログカードに自動変換されて困ることがあります。
URLの前に!（ビックリマーク）や （半角スペース）を付けると、ブログカードへの自動変換を無効化できます。
ブログカードとは？
ブログを編集ときに、
https://skill.u-ff.com
のようなURLを書くと、
上記のような、枠の中にサムネイル画像とテキストがかかれたカード状のリンクになる場合があります。
このカード状のリンクのことを「ブログカード」と呼びます。
WordPress、URLのブログカード化を防ぐ方法
ビックリマークを付ける
WordPressでは、URLが自動的にブログカードに変換されます。
（使用中のテーマや設定によっては、自動変換されない場合もあります）
そのため、
https://skill.u-ff.com
というテキストを画面に表示したいのに、勝手にブログカードに変換されて困る。
そういう局面に出くわします。
そういう場合は、
!https://skill.u-ff.com
のように、URLの前に!（ビックリマーク）を書くと、ブログカードに変換されるのを防ぐことができます。
URLの前にビックリマークを書いても、画面上にはビックリマークが表示されず、URLだけが表示されます。
 を付ける
先頭にビックリマークを付ける方法は、
https://skill.u-ff.com
のように、URLをテキストで表示する場合に使えます。
しかし、
!https://skill.u-ff.com
のように、URLをテキストリンクにする場合は、ビックリマークも表示されてしまいます。
テキストリンクの場合は、
!https://skill.u-ff.com
ではなく、
https://skill.u-ff.com
と書きましょう。
は、半角スペースのことです。
<a href="https://skill.u-ff.com"> https://skill.u-ff.com</a>
HTMLでいうと、上記のような書き方です。
この書き方をすると、ブログ上の表示は、
https://skill.u-ff.com
このようになります。
先頭に半角スペースが混ざっているのですが、目立ちません。
そして、ブログカードには変換されません。
まとめ
画面上にURLを表示したいけれど、ブログカードに自動変換されて困ることがあります。
その場合は、
!https://skill.u-ff.com
<a href="https://skill.u-ff.com"> https://skill.u-ff.com</a>
のように、URLの前に!や を付けると、ブログカードへの自動変換を無効化できます。
コメント