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

| 2022/05/10 00:55:29 | 355 | 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

送られたステッカー🎁

🎉

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


{まだ未搭載です}

スポンサーリンク

ぜろ
82 回視聴   2023/04/23 06:51:29
ニュース
ぜろ
368 回視聴   2022/05/11 02:03:04
IT・機械
MIYUKINNGU3838
388 回視聴   2022/03/31 13:51:29
Python
solo-thudner
345 回視聴   2023/01/03 09:06:47
82953a61-6626-4e82-9341-82ee9f40d778
305 回視聴   2022/05/23 13:14:57
solo-thudner
224 回視聴   2022/06/02 20:48:15
ぜろ
72 回視聴   2023/04/23 07:02:51
ニュース
sonya4327JE(sonyakun)
294 回視聴   2022/05/19 06:57:45
1358nccccccccccccccn
331 回視聴   2022/05/12 19:08:40