リンクをカードにするプラグインを作ろう!(10)サイトアイコンの追加

サイトアイコン取得APIを利用してサムネイルを表示します。

前回まで

サムネイルを表示させました。

サイトアイコンを取得する

Googleのサイトアイコン取得APIを利用する

Googleのサイトアイコン取得APIを利用します。

「domain」パラメータにドメインもしくはURLを指定します。

https://www.google.com/s2/favicons?domain=(DOMAIN)

HTMLにサイトアイコンを組み込む

サイト名称の前に組み込みます。

スタイルシートを追加する

左寄せで表示されるようにスタイルシートを追加します。

表示してみる

サイト名称の左側にサイトアイコンが表示されました。

今回のコード

今回はここまでです。

プラグイン本体

スタイルシート

次回は・・・

次回はテキストリンクだけの行をブログカードに変換したいと思います。

では、この辺で。(^-^)o

広告
関連記事
広告