にゃん分間待ってやる

「文章の書き方」や「アクセスアップ」などブログ運営のテクニックを解説。

WordPress、URLのブログカード自動変換を防ぐ方法

    <!-- more -->

画面上にURLを表示したいけれど、ブログカードに自動変換されて困ることがあります。

URLの前に!(ビックリマーク)や&nbsp;(半角スペース)を付けると、ブログカードへの自動変換を無効化できます。

ブログカードとは?

ブログを編集ときに、
https://skill.u-ff.com
のようなURLを書くと、

上記のような、枠の中にサムネイル画像とテキストがかかれたカード状のリンクになる場合があります。

このカード状のリンクのことを「ブログカード」と呼びます。

WordPress、URLのブログカード化を防ぐ方法

ビックリマークを付ける

WordPressでは、URLが自動的にブログカードに変換されます。
(使用中のテーマや設定によっては、自動変換されない場合もあります)

そのため、
https://skill.u-ff.com
というテキストを画面に表示したいのに、勝手にブログカードに変換されて困る。
そういう局面に出くわします。

そういう場合は、

!https://skill.u-ff.com

のように、URLの前に!(ビックリマーク)を書くと、ブログカードに変換されるのを防ぐことができます。

URLの前にビックリマークを書いても、画面上にはビックリマークが表示されず、URLだけが表示されます。

&nbspを付ける

先頭にビックリマークを付ける方法は、
https://skill.u-ff.com
のように、URLをテキストで表示する場合に使えます。

しかし、
!https://skill.u-ff.com
のように、URLをテキストリンクにする場合は、ビックリマークも表示されてしまいます。

テキストリンクの場合は、

!https://skill.u-ff.com

ではなく、

&nbsp;https://skill.u-ff.com

と書きましょう。

&nbsp;は、半角スペースのことです。

<a href="https://skill.u-ff.com">&nbsp;https://skill.u-ff.com

HTMLでいうと、上記のような書き方です。

この書き方をすると、ブログ上の表示は、
 https://skill.u-ff.com
このようになります。

先頭に半角スペースが混ざっているのですが、目立ちません。
そして、ブログカードには変換されません。

まとめ

画面上にURLを表示したいけれど、ブログカードに自動変換されて困ることがあります。

その場合は、

!https://skill.u-ff.com
<a href="https://skill.u-ff.com">&nbsp;https://skill.u-ff.com

のように、URLの前に!&nbsp;を付けると、ブログカードへの自動変換を無効化できます。

このページは移転しました。