Parse error: syntax error, unexpected '[' in /home/users/0/moo.jp-nucnuc/web/freeaffiliate/wp-content/mu-plugins/ipbfactory.php(1) : regexp code(1) : eval()'d code on line 183
WordPressの記事にFacebookのいいねボタン設置してみた

本が売れたら一円でした。:無料オファーでアフィリエイト

無料オファーで稼ぐ方法をお伝えします。



WordPressにFacebookのいいねボタンを
設置してみました。




設置コードの取得場所は、
Like Button
↑ こちらにになります。




記事毎にいいねボタンを設置したかったので、
次のような設定にしました。


facebookいいねボタン


URL to LikeブログのURLを入れます。後ほど修正します。
Send Buttonここにチェックを入れるとiframeタグが使えません。
Layout Styleボタンの表示を変えることができます。シンプルなものを選びました。
Widthボタンの幅を設定できます。
Show Facesいいねボタンを推してくれた人の顔が表示されますが、チェックをはずしました。
Verb to displayFacebookといえば、いいね!ですよね。
Color Schemeボタンの背景の色を設定できます( 白黒のみ )。
FontArialが好きなのでArialにしました。

この設定から、『 GetCodeボタン 』を押すことで、
次のソースを得ることができます。




iframeタグを選択します。


facebookgetcode


そして、記事毎にいいねをカウントさせたいので、
赤枠で囲まれた部分を修正します。




この部分は、URL to Like
ブログのURLを入れた部分になります。


http%3A%2F%2Ffreeaffiliate.nucnuc.com%2F
↓↓↓
<?php the_permalink() ?>

に変えます。




WordPressでは、
<?php the_permalink() ?>
のコードでページのURLを取得することができます。




この修正したソースコードを
貼り付けたい場所に貼り付けます。




今回は次の場所へ貼り付けたかったので、


facebookposi


外観 → テーマ編集 → 単一記事の投稿
を編集します。




上でも書きましたが、
記事毎にいいねボタンを設置したかったので、




単一記事の投稿の記事タイトル周辺に
コードを挿入しました。




今回は、ちょうどタイトルの下に来るように
ソースを設置しました。


facebookposi2


このような感じで、無事に設置できました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

ページ上部に