【WordPress】OGP画像を自動で生成する。rcwasブログMENUトップページリクワスについてお問い合わせ運営者プライバシーポリシーrcwasの技術ブログトップページリクワスについてお問い合わせトップページリクワスについてお問い合わせホームWordPress【WordPress】OGP画像を自動で生成する。【WordPress】OGP画像を自動で生成する。Copied!ブログを書く際に、重要だけど時間を取られてしまうOGP画像を自動生成する方法を説明します。こちらの記事を参照し、まずはフォルダとファイルを作っていきます。WordPressでOGPの自動出力をしてみたディレクトリ構成はこちら。JPをダウンロードしてきました。OGP画像のベースとなる画像はこちら。シンプルにロゴと枠線のみにしました。img.phpの中身はこちら。imagedestroy($img);フォントサイズと位置はアップしながら確認するのが一番早いと思います...。私の場合は以下の数値がちょうど良い感じでした。指定の文字数で改行が入るようにコードを追記します。mb_wordwrap($txt);$width=20で改行する文字数を指定します。同じ変数($txt)に再代入しています。これをテーマフォルダの中にアップロードします。次にheader.phpを編集します。「サムネイル画像がない場合だけ自動生成画像をOGP画像として出力する」という記述を追加します。//サムネイル登録がなければ、動的にOG画像を生成する。(is_single())で「記事詳細ページならば」という条件になります。get_the_post_thumbnail();でサムネイル画像を取得します。if(!$thumb)で「サムネイル画像がなければ」という条件になり、その条件に合致すれば動的に生成されたOGP画像が出力されます。追記箇所がわかりやすいように</head>のすぐ上に記述しています。記事ページにアクセスするとOGP画像が生成されていると思います。この記事のOGP画像はこんな感じです。テキストが少し上に寄っていますが、タイトルが長い記事のことを考えるとこれくらいがちょうど良いかなと。Copied!【WordPress】get_page_by_pathの落とし穴この記事を書いた人rcwasの中の人Web制作会社にてフロントエンド業務に携わる一方、個人でブログを書いたりサイト制作やシステム構築にいそしむ。【WordPress】OGP画像を自動で生成する。