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

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

送られたステッカー🎁

🎉

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


{まだ未搭載です}

スポンサーリンク

ニュース
koafクン
268 回視聴   2022/02/20 22:07:27

-スポンサーリンク-

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

ニュース
ぜろ
290 回視聴   2022/05/11 02:03:04
ニュース
ぜろ
619 回視聴   2022/02/17 13:39:06
ニュース
cba8b0b4-3314-4626-a604-78bd3569e3f0
150 回視聴   2022/08/18 07:52:11
その他
ニュース
こっしー
99 回視聴   2022/08/05 03:15:00
nennneko5787 ◆NOrufLSRl.
162 回視聴   2022/09/04 09:58:51
ニュース
Towa(とわ)
369 回視聴   2022/02/26 19:02:50
ニュース
SHUtk0506_PvP鯖記事作成中
333 回視聴   2022/03/10 19:39:54
しゅとく(shuuucream)
288 回視聴   2022/02/19 21:33:27
nennneko5787 ◆NOrufLSRl.
70 回視聴   2023/02/11 12:12:44
サーバー
SHUtk0506_PvP鯖記事作成中
352 回視聴   2022/03/20 13:54:51
ニュース