Unityアセットストアセール中!

ページや記事にいいねボタンを表示するFacebook Like

<景品表示法に基づく表記 > 本サイトのコンテンツには、商品プロモーションが含まれている場合があります。
スポンサードリンク

概要

自動的にFacebookのLikeボタンを記事に表示させます。

目次

手順

[1]Facebook ApplcationIDを取得していない場合、プラグイン利用の際、先に取得する必要があります。

アプリケーションを作成 – Facebook開発者
よりサイト名:サイトURLを入れて取得する

[2]表示されている文字を入力して、送信。

security_pic7

[3]取得が完了すると

facebookidget

が表示されます。
設定のID欄がFacebook Likeの設定で必要なIDです。

[4]管理画面よりインストール

FacebokLike_install

[5]プラグインを有効化したら

管理画面 > 設定 >FacebooklLike

[6]Facebook Application ID を設定する

事前にFacebook Application ID を取得していない場合はinfoをクリック

[7]完了すると

こうなります。
facebooklikefinisthpic9

Display Display the button on pages :ボタンをページに表示
Display the button on the front page (home) :ボタンをホームに表示
Display the button on the Single post page : ボタンを投稿記事のページに表示

Place in content Bottom : 設置場所を一番下にする
Top : 設置場所を一番上にする
Facebook Application ID FacebookのアプリケーションIDを入れる
Facebook Application ID For meta 自動生成される<meta name=”fb:app_id” content=”” />のcontentを指定
Size width,Height :iframeの幅と高さを指定

Design Layout standard,button count, box countからデザインを指定
Show Faces :プロフ写真を表示するか
Verb to display :likeボタンに表示させる文字を選択
Font :likeボタンに表示させるフォントを指定
Color: likeボタンの色合いを指定

Preview 設定状態をプレビュー
スポンサードリンク
[WordPressのライティング向けプラグイン]
ワードプレスオリジナルプラグイン >>

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

スポンサーリンク

コメント

コメント一覧 (1件)

  • 2010 12/07のブックマーク

    テキストボックスの残り入力文字数をシンプルに表示するjQueryプラグイン m5simpleTextCount :: 5509 開発者への提言:アプリケーションを作るのではなく、ビジネスを産み出そう アフィリエイ…

コメントする

目次
閉じる