SimplicityでFacebookページの「いいね!」ボックスを設置する方法

2390914273_9b1ee4ee61_z

こんにちは。部長ナビ(@nabi_1080)です

Facebookページの「いいね!」は、SNS拡散が必要なWordPressにおいて非常に重要な意味を持つと思っております

SimplicityにはデフォルトでFacebookページの「いいね!」のボックスがあるんですけど、カッコいいボックスを設置する方法を「Simplicityバージョン」ということで紹介させていただきたいと思います

スポンサーリンク

1 「single.php」をForkLiftで子テーマに移動!

Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、Simplicityの...

↑この記事の通り、ForkLiftを使いまして、親テーマの「single.php」を子テーマに移動します。カスタマイズは子テーマで行いましょう!

2 single.phpに追記

次のコードを追記しますが、

↑このアドレスはウチのFacebookページなので、このままやると、ウチのいいね!が増えます(笑)。ご自分のFacebookページのアドレスを入れてください。PC、モバイルと2カ所Facebookページのアドレスを入れてください

場所は<section id=”under-entry-body”>の下になります(<>は全角で表示していますが、実際は半角です)

このコードを追記すると、当ブログと同じ表示になります

3 style.cssに追記

モバイルの微調整も行いましたので、以下のコードをstyle.cssに追記してください

4 完成

コレで完成だと思います。ウチと同じようになるはずです

5 デフォルトの「Facebookページ」のボックスを外す

外観→ウィジェットから外すことができます。コレでオーケーですね。

かなり良い感じになると思うので、ぜひ、Simplicityお使いの皆さん、カッコいいFacebookページ「いいね!」ボックス、使ってみてくださいね!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索