WordpressでLINEボタンを設置する

環境

  • 使用するPlugin: Tweet, Like, Share and Google +1 Option Page
  • Wordpress ver.: バージョン 4.4.2
  • Theme: Twenty Twelve

LINEボタンの設置

http://media.line.me/howto/ja/

  1. 上記LINEよりコードを取得
  2. Display Custom Buttons にチェックを入れる.
  3. Wordpressの設定で、 Place Large button Code in this box へペーストする.
  4. Save Changes より設定を保存する.

f:id:hrt0kmt:20160225120311p:plain

PC版でも表示させる場合は, media_line_me.LineButton({"pc":false,"lang":"ja","type":"e"});falsetrue に変更する.

  • SP

f:id:hrt0kmt:20160225120607p:plain

  • PC

f:id:hrt0kmt:20160225120659p:plain

トラブルシューティング

iPhone5のサイズでLINEが折り返されて表示されてしまったので, Insert Custom CSS へ以下を追記.

div.socialicons {
margin-right: 4px !important;
}