RのWeb制作

Webサービス制作のための技術情報を。データ分析(Python、機械学習コンペ他)や自作野球ゲームMeisyoのこと中心。

WordPress

WordPress記事ページ毎にfacebookのいいねボタンを付ける

投稿日:2013年10月11日 更新日:

facebook logo
Wordpress記事ページ毎にfacebookのコメントフォームを付けるの関連記事です。

作り方

PHPを直接編集します。

1. content-single.phpへアクセス

管理画面 > 外観 > テーマの編集 > content-single.php にアクセス。
(画面右の content-***.php の中にあります)
c16ca6cccece1e00de73820f3e324de7

2.content-single.php を編集

27行目くらい(図参照:</div> <!– .entry-content –>の上に)に下記のコードを入力します。
9a3837ed81a395aa49172fadd3b21235

コード(wordpress各記事に記述するサンプル)

&amp;lt;iframe src=&amp;quot;http://www.facebook.com/plugins/like.php?href=&amp;lt;?php echo urlencode(get_permalink($post-&amp;gt;ID)); ?&amp;gt;&amp;amp;amp;layout=standard&amp;amp;amp;show_face=true&amp;amp;amp;width=450&amp;amp;amp;action=like&amp;amp;amp;font=arial&amp;amp;amp;colorscheme=light&amp;amp;amp;height=80&amp;quot; scrolling=no frameborder=0 style=&amp;quot;boder:none;overflow:hidden;width:450px;height:80px;&amp;quot; allowTransparency=&amp;quot;true&amp;quot;&amp;gt;&amp;lt;/iframe&amp;gt;

汎用版コード

&amp;lt;iframe src=&amp;quot;http://www.facebook.com/plugins/like.php?href=「URL」&amp;amp;amp;layout=standard&amp;amp;amp;show_face=true&amp;amp;amp;width=450&amp;amp;amp;action=like&amp;amp;amp;font=arial&amp;amp;amp;colorscheme=light&amp;amp;amp;height=80&amp;quot; style=&amp;quot;boder: none; overflow: hidden; width: 450px; height: 80px;&amp;quot; frameborder=&amp;quot;0&amp;quot; scrolling=&amp;quot;no&amp;quot;&amp;gt;&amp;lt;/iframe&amp;gt;

* 「URL」に任意のURLを入れてください
* 「:」は「%3A」、「/」は「%2F」などとURLエンコードしないと正しく動作しないようです
例:http%3A%2F%2Frei-farms.jp%2Fwebmaking%2F

以下汎用版テスト(このブログ全体へのいいねになります)

参考

wordpress記事ページ毎にfacebookのいいねボタンを付ける – WEBデザイナーのしおり

-WordPress

執筆者:


comment

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

関連記事

no image

WordPressで続きを読むを追加

<!–more–> 一行で追加できます。

no image

WordPressのテーマ、STINGER3をインストールしました

WordPressの今使っているテーマのスタイル変更が難しいので、簡単にできると聞いたSTINGER3を入れました。 いろいろと問題があるかもしれませんので、後々のためにも忘備録として記録しておきます …

駆け出しエンジニアは本当にフロントエンドエンジニアを目指すべきなのか

最近、駆け出しエンジニアをTwitter上で数多く見るようになりました。 ただ、揃いも揃って「フロントエンドエンジニア」になりたい(意訳)とプロフィールに書いてあります。 なぜでしょうか。 それは何が …

no image

WordPressでtextarea内のbrやpを取り除く

WordPressの<textarea>の中で改行を含めたコードを書くと変なことになります。 それを解決出来るプラグインは「Raw HTML」です。 1.Raw HTML 追加方法 Wor …

no image

WordPress記事ページ毎にfacebookのコメントフォームを付ける

wordpress記事ページ毎にfacebookのいいねボタンを付けるの関連記事です。 作り方 PHPを直接編集します。 1.content-single.phpへアクセス 管理画面 > 外観 …