{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/wordpress-featured-image-setup",
  "path": "/posts/wordpress-featured-image-setup",
  "publishedAt": "2021-12-04T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "javascript",
    "wordpress",
    "作ってみた",
    "効率化"
  ],
  "textContent": "ブログ更新ってめんどくさい\n\nブログ更新は面倒くさい。\n\nそんなこと分かり切っている。\n\nなかでも面倒なことの1つにアイキャッチ画像の選定がある。\n\n面倒なことを楽にできるのがエンジニアの特権だ。\n\nということでアイキャッチ画像を簡単に作れるようにした。\n\n作成されるアイキャッチ画像\n\n本ツールを作成できるアイキャッチ画像はこんな感じ。\n\n「本ツールを作成できるアイキャッチ画像」の部分を簡単に変更できる。\n\n作成するうえでの考え方\n\n- JavaScriptのCanvasに背景画像を描画する\n- その上にCanvas で文字を書く\n\n作成したコード\n\n基本的にコメントアウトを残したので、それ通りに作れば特に難しい点もないと思う。\n\n投稿画面にリンクを張る\n\n最後に作成したツールに飛ぶためのリンクを投稿画面に貼る。\n\nこれですこしブログ更新を楽にできる。\n\nわからない部分はコメントに残してもらえれば解説します。",
  "title": "何が面倒って、アイキャッチ画像を設定するほど面倒なことはない"
}