Upgrade to Pro — share decks privately, control downloads, hide ads and more …

OGPanic - WordPressへの導入方法

092ddcdbf93b8e171581df6fb2ac3cae?s=47 Yu Numazaki
December 24, 2019

OGPanic - WordPressへの導入方法

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

092ddcdbf93b8e171581df6fb2ac3cae?s=128

Yu Numazaki

December 24, 2019
Tweet

More Decks by Yu Numazaki

Other Decks in Programming

Transcript

  1. None
  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のレビューからも声を聞かせて頂けたら嬉しいです。