URLプレビュー的なサイトカードが出るようにしてみた

| 2022/05/10 00:55:29 | 282 | cat:ニュース |


こんにちはZSHAREの管理人です。Zarcが色々まだ開発段階にある中、記事を見やすくすために苦戦中です。

さて、今回はまた一つ機能?が追加されました。ご紹介します。

サイトプレビューカードの自動生成

普段、記事にURLを貼ると閲覧者がそのURLへ飛べるようにaタグというもので囲ってコーディングする必要があります。 ですが、HTMLができればこんなことはたやすいことなのですが、HTMLができない方は、タグを一つ打つのに精一杯なはずです。そこで今回、URLだけをただ記事内に貼り付けるだけで、自動でURLへ飛べるサイトカードが生成されるようになりました。その例を今回はお見せします。皆さんも記事を書く際には役立ててみてください。


例1. HTMLのコードでURLを貼る場合

HTMLでaタグを指定すると普通にクリックできるURLとして機能します🔽

コード例:


 <a href="指定したいURL">好きな文字列</a>

プレビュー👇

ぜろ <=aタグで設定している場合


例2. URLだけを何も設定せずに貼り付けた場合

ただ何も設定しないでURLを貼ると...⬇️

コード例:


https://www.youtube.com/channel/UCZmez9Et0bvDV7zFTiZxB4Q

プレビュー👇

(読み上げの際にはURL先のタイトルと説明を読み上げてくれる!!✌️)

多分記事を見る際にはいい感じにカードになっていると思います!書いている時には表示されませんが、実際に公開するとカードになるのでご安心を。

一応サムネイル取得等もできるのですが、それをやるとページを見るまでに時間がかかるので(タイトルとか取るだけでも時間かかっちゃう..)今の所僕の好きな絵文字がランダムで表示されます!

注意: 記事を投稿する際のフォームではプレビューされませんので、ご了承ください。(編集フォーム同様)


ぜろ

RANK: VIP

送られたステッカー🎁

🎉

応援ステッカーを送ろう🎉


{まだ未搭載です}

スポンサーリンク

ニュース
NEPTARUNE
352 回視聴   2022/02/20 09:08:06

-スポンサーリンク-

-上記スポンサーリンク-

ニュース
ぜろ
303 回視聴   2022/05/15 21:57:42
ニュース
ぜろ
293 回視聴   2022/05/11 02:03:04
ニュース
ぜろ
265 回視聴   2022/06/21 16:36:12
Shotby
ぜろ
557 回視聴   2022/05/20 00:40:55
ニュース
Towa(とわ)
331 回視聴   2022/02/27 21:52:24
しゅとく(shuuucream)
291 回視聴   2022/02/19 21:33:27
ニュース
Towa(とわ)
330 回視聴   2022/02/19 20:46:47
IT・機械
MIYUKINNGU3838
293 回視聴   2022/03/31 13:51:29
リドレイン
170 回視聴   2022/06/01 19:50:08
その他
インターネット
MIYUKINNGU3838
149 回視聴   2022/06/13 22:52:53