OGPanic - WordPressへの導入方法

OGP画像自動生成ツール・OGPanic ( https://ogpanic.com/ ) のWordpressプラグイン版の導入ほうほうについて説明します。

Transcript

2. WordPessへの導入方法
 3つのSTEPで簡単に設定が完了します 

3. 1. プラグインのインストール
 • WP管理画面の「プラグイン」→「新規追加」から検索バーに『OGP』を入力 
 • Open Graph Protocol Framework と OGPanic をインストールします。 
 • Open Graph Protocol Framework は「今すぐインストール」の後に「有効」にして下さい。 

4. 2. OGPanicの設定
 • WP管理画面の「設定」→「OGPanic」を開く
 • メールでご案内した サービスAPI URL / APIトークン を入力して下さい
 • メールが届いていない方は、 ogpani.com最下部にある登録フォームにご入力をお願いします 

5. 3. OGimageを更新したい記事をWordpressで更新操作
 • 「OGPanic」で表示したいテーマを選び、オプションを選択して下さい 
 • サイト名はデフォルトのOGP設定から、アイコンはgravatarから設定出来ます 
 • OGPanicを適用したい記事だけ「 投稿」→「記事一覧」から更新します

6. 4. 表示確認方法
 • ブログ上の画像は変わりませんので、URLをTwitterの Card validatorに入力して確認します 
 • ロゴのサイズが小さい等の場合は、余白を削って、再度「 OGPanic」にアップロードして下さい 
 • 不明点等があればお問い合わせからお気軽にご連絡ください。 

7. まだβ版ですので、引き続き改善します
 TwitterやWordpressのレビューからも声を聞かせて頂けたら嬉しいです。