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

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

送られたステッカー🎁

🎉

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


{まだ未搭載です}

スポンサーリンク

ニュース
興亜出版
948 回視聴   2022/02/27 19:09:32
ぜろ
1036 回視聴   2023/04/23 23:57:01
ニュース
しゅとく(shuuucream)
612 回視聴   2022/08/07 21:31:18
ニュース
よー
910 回視聴   2022/05/29 12:21:09
ニュース
あけっちゃん
2015 回視聴   2022/05/23 19:48:10
サーバー
あけっちゃん
808 回視聴   2022/05/16 21:59:38
nennneko5787 ◆NOrufLSRl.
763 回視聴   2022/05/07 09:21:07
sonya4327JE(sonyakun)
1434 回視聴   2022/06/05 07:43:10
盾の勇者の成り上がり
cba8b0b4-3314-4626-a604-78bd3569e3f0
649 回視聴   2022/08/17 07:39:16
インターネット
MIYUKINNGU3838
895 回視聴   2022/05/06 22:31:04