リンクをカードにするプラグインを作ろう!(9)サムネイルの追加

画像生成APIを利用してサムネイルを表示します。

前回まで

DBにタイトルや概要文をキャッシュして読み書きしました。

サムネイルを取得する

WordPress.comの画像生成APIを利用する

WordPress.comの画像生成APIを利用します。

URLの一部にサムネイルを作りたいURLを組み込み、「w」パラメータで横幅を指定します。

https://s.wordpress.com/mshots/v1/(URL)?w=94

HTMLにサムネイルを組み込む

サイト名称の次、タイトルの前に組み込みます。

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

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

表示してみる

ブログカードの左側にサムネイルが表示されました。

今回のコード

今回はここまでです。

プラグイン本体

スタイルシート

次回は・・・

最後にサイトアイコン(ファビコン)を追加しようと思います。

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

広告
関連記事
広告