CocoonではサイトのURLを貼ると、
自動でブログカード化してくれるようです。
自分ではカード化させたいページは、
リンクにURLを入力して表示してましたが。
あるとき、URLを入力しただけで自動でブログカード化され…
けどそこは、
文字列としてURLを載せたかったワケです。
普通であれば便利なブログカード化…
でも場合によっちゃ困る💦
URLアドレスのままで表示させるには？
調べてみると、
いくつかやり方あるようで…
順繰りにやってみて、
うまく反映したパターンまでを載せてみたいと思います。
❶httpsの先頭に！を付けて表示する
確かにこのやりかた、
URLをURLなままで表示することできる。
投稿画面では“！”がついたままでも、
サイト上では“！”が取れた状態で表示され。
そのままなURL表示だけで良いなら、
このやりかたは有効です。
ですが例えば“！”を付けたまま、
<pre>などHTMLタグで囲みたい場合。
カード化はされないものの、
“！”がついたままの表示になっちゃいます。
<pre>のあとを改行しても変わりませんで。
（というか改行が無効になるw💧）
❷ビジュアルエディター利用の私なので、
コード入力でURLの前後を、改行タグの<br>を入れる…というやり方。
URLを<pre>で囲んで改行すると、
投稿画面のビジュアル上は反映されてますが👌
サイト見ると、
なぜだかカード化されちゃってますね💧
❸URLをドラッグし適当に文字指定をする…
適当といっても、
文中で利用してるサイズにするなどします。
すると投稿のコードタブ上では
そのURLにspan指定が付き、CSS化されてる状態になる。
さらにそれを<pre>で囲んでも、
ちゃんと表示されます。
結果、ブログカード化されずに表示されるというワケ。
このやり方が今のところ有効です笑）😉
ですが、
そもそもコピー元から引っ張ってきたURL…
一部はカード化されず無事そのまま出るのに、
一部だけ自動でカード化。。。
これってどーしてなんだろ…
なナゾは残りますな。。
ところで、
URLを自動でブログカード化させない記述について、
まさにココで参考になったサイト様ありました。ありがとうございます♪
コメント