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

PHP

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

前回まで

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

サムネイルを取得する

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

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

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

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

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

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

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

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

表示してみる

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

今回のコード

今回はここまでです。

プラグイン本体

スタイルシート

次回は・・・

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

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

PHPWordPress
スポンサーリンク
ぽぽろんをフォローする
この記事を書いた人

「ただいま」の挨拶よりもパソコンの電源を入れる方が先なパソコンおたく。プログラミングもするけど、パソコンを触っていること自体が趣味。

ぽぽろんをフォローする
ぽぽづれ。

コメント

タイトルとURLをコピーしました