facebookいいねボタン(バイラルメディア風?)を子テーマをカスタマイズして、記事下に設置しました。

facebookのいいねボタンも欲しい

ブログのWordPressテーマをバズ部さんが配布されているXeoryへ変更して、標準のまま利用していましたが、記事下にあるのは、TwitterとFeedlyのボタンなのです。

facebookのボタンも設置したいので、カスタマイズしました。

今回設置したボタンは、WordPressのプラグイン(プラグインは記事最後に紹介しています)もあります。ただ、Twitter・Feedlyは元々あるボタンを使いたかったので、プラグインを使わずに、子テーマを使って、single.phpとスタイルシートをカスタイズし、facebookページのいいねのボタンを実装しています。

今回のカスタマイズの参考資料(感謝)はこちら

参考にさせてもらったコードからfacebookの部分だけを取り出して設置しました。また、モバイル?PC?の判定部分のPHPコードも、子テーマのfunctions.phpに追記しています。

スタイルシートはアイキャッチ画像の表示サイズを好みに改良しています。

実際のコード

facebookページ いいねボタン PHPコード

子テーマのsingle.phpに追記しています。

スタイルシート

メディアクエリでモバイルとPC表示を分岐しています。

functions.php

子テーマのfunctions.phpに追記した、モバイル表示判定コード

参考記事

子テーマの作り方はこちら

メディアクエリについてはこちら

WordPressにてバイラル風のボタンを設置するプラグインはこちら

[amazonjs asin=”4844364138″ locale=”JP” title=”WordPressユーザーのためのPHP入門 はじめから、ていねいに。”]

[amazonjs asin=”4774167878″ locale=”JP” title=”WordPressプロフェッショナル養成読本 Webサイト運用の現場で役立つ知識が満載! (Software Design plus)”]

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール  *
お名前(姓)  *
お名前(名)  *

講座・ワークショップ 開催予定

2022-11-11 20:00 – 21:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-11-19 11:00 – 13:00
オンライン【あみだす発酵アカデミー】白菜キムチ(キムジャン)作りクラス
詳細・お申し込みはこちら

2022-11-19 15:00 – 17:00
【あみだす発酵アカデミー】本格「王様のコチュジャン」作りクラス/オンライン・リアルどちらもOK
詳細・お申し込みはこちら

2022-11-20 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-11-25 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 11月25日
詳細・お申し込みはこちら

2022-12-08 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 12月8日
詳細・お申し込みはこちら

2022-12-09 19:00 – 20:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-12-10 11:00 – 13:30
【あみだす発酵アカデミー】本場香港の味 XO醤作りクラス
詳細・お申し込みはこちら

2022-12-10 18:00 – 21:00
2022 あみだす望年会っ
詳細・お申し込みはこちら

2022-12-15 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-16 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 12月16日※12月のみ第3週目となります
詳細・お申し込みはこちら

2022-12-17 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-18 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-12-30 10:00 – 18:00
リアル・オンラインどちらもOK!ものくろ流WordPressスタートアップ講座 -第42期- 講師 ものくろ
詳細・お申し込みはこちら

2023-01-12 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-15 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-21 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

  • ブックマーク

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。