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

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

送られたステッカー🎁

🎉

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


{まだ未搭載です}

スポンサーリンク

nennneko5787 ◆NOrufLSRl.
792 回視聴   2022/03/23 09:18:58
ニュース
こっしー
428 回視聴   2022/08/05 03:15:00
ニュース
Towa(とわ)
807 回視聴   2022/02/17 00:14:50
超プログラミング入門
ぜろ
720 回視聴   2022/05/13 19:07:15
82953a61-6626-4e82-9341-82ee9f40d778
558 回視聴   2022/05/23 13:14:57
skript
よー
650 回視聴   2022/05/29 12:21:09
sonya4327JE(sonyakun)
458 回視聴   2022/05/25 05:44:34
ニュース
cba8b0b4-3314-4626-a604-78bd3569e3f0
469 回視聴   2022/11/08 17:35:41
じぇ_り
499 回視聴   2022/05/02 22:27:48
PC周辺機器
あけっちゃん
666 回視聴   2022/04/09 17:09:55
インターネット
MIYUKINNGU3838
691 回視聴   2022/05/06 22:31:04
pikachu_predator
462 回視聴   2022/07/17 16:00:04
pikachu_predator
487 回視聴   2022/07/17 17:33:26