キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Facebook のファンページを作成してプラグインの Like Box を設置しよう

      2014/10/11

数日の入院が終わり無事に退院しました、キャリコ( @calicocatxyz )です。

このブログもある程度の形になってきたので、SNS などに登録をしてファンを増やそうと思っています。キャリコでは Facebook 、Twitter 、Google+ 、Feedly の4つに登録して、それぞれのフォローボタンを記事の下に配置しました。

今回は早速この作り方をラテに説明してもらおうと思います。それじゃあラテ、よろしくね♪

みなさん初めまして、キャリコのイメージキャラクター兼 Web 担当のラテにゃ。ソーシャルフォローボタンの設置ということで全5回に分けて説明するにゃー。

  1. Facebook のファンページを作成してプラグインの Like Box を設置しよう
  2. Twitter のフォローボタンとタイムラインプラグインを設置しよう
  3. Google+ ページを作って Google+ バッジを設置しよう
  4. Feedly のフォローボタンを設置してブログの購読者を増やそう
  5. STINGER5 で各 SNS のフォローボタンを美しく綺麗に配置する方法

今日は『 Facebook のファンページを作成してプラグインの Like Box を設置しよう 』ということで… 第1回目いくにゃー!

Ads by Google

Facebook のファンページを作成する

すでに Facebook のアカウントを持ってる状態からのファンページの作成手順だにゃ。

作成ページにアクセスする

Facebook にログインしたら左側のメニューにある『 Facebook ページを作成 』から作成ページを開くにゃ。

どのカテゴリのファンページを作るか決める

お店なら『 地域ビジネスまたは場所 』、会社なら『 会社または団体 』と作成するファンページに合ったカテゴリを選ぶにゃ。

ファンページの名前を入力する

キャリコは個人ブログになるから『 慈善活動またはコミュニティ 』での登録になって、ファンページの名前を入力したら『 スタート 』をクリックするにゃ。

ファンページの設定をする

基本データを入力して『 情報を保存 』をクリックしたら、同じように2~4までの設定を入力するにゃ。ちなみに後から設定することも出来るからスキップしても問題ないにゃ。

ファンページが完成

ここまでの作業は5分もかからないにゃ。あっという間だからファンページの作成は簡単だにゃ。

プラグインの Like Box を作成する

Social Plugins にアクセスする

Social Plugins
https://developers.facebook.com/docs/plugins

このページで Like Box を選ぶにゃ。ちなみにいいね!ボタンやシェアボタンもこのページで作れるにゃ。

Like Box をデザインする

ここでプラグインを設置したい場所に合わせて Like Box のカスタマイズをするにゃ。

Facebook Page URL

さっき作ったファンページの URL を入力するにゃ。

Width

Like Box の横幅にゃ。

Height

Like Box の高さにゃ。

Color Scheme

設置したい場所に合わせて『 light 』か『 dark 』の2種類が選べるにゃ。

Show header

facebookもチェックという部分を表示させたり非表示に出来るにゃ。

Show Faces

いいね!してくれた人のアイコンを表示させたり非表示に出来るにゃ。

Show stream

新着投稿を表示させたり非表示に出来るにゃ。

Show Border

外枠を表示させたり非表示に出来るにゃ。

好みの設定が出来たら最後に『 Get Code 』をクリックするにゃ。

プラグインのコードをコピーする

ここでは『 IFRAME 』を選んでプラグインのコードをコピーするにゃ。

プラグインを表示させたい場所にコードを貼り付ければ、Like Box が表示されるようになるにゃ。コードを貼り付けるのは第5回目で説明するから、Like Box のコードはメモ帳か何かに貼り付けて保存しておいてもらえると助かるにゃ。

まとめ

ファンページを作成して Like Box のコードはゲット出来たかにゃ?キャリコのファンページはまだ誰にもいいね!されてないにゃ… この記事が少しでも役に立ったらいいね!してもらえると嬉しいにゃ!

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス ,

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

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

1
お題に答える「 言えるかな? 」が面白い!キャリコも問題作ったよ!

47都道府県を全部言えませんでした、キャリコ( @calicocatxyz )で …

eye
スマホ用クリック課金型広告【 nend 】をブログに導入しました

nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

eye
クリック率が250%増!nend の単価が低けりゃ CTR を増やせばいいじゃない♪

まずまずの結果、キャリコ( @calicocatxyz )です。 小学生のお小遣 …

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。 …

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …

Font Awesome の最新版 Version 4.2.0 を導入したアイコン型ウェブフォントの使い方

ああああああああ、ULTRA JAPAN に行きたすぎるキャリコ( @calic …

eye
コピペで OK!バイラルメディア風オリジナル SNS ボタンの設置方法

思っていた以上に上出来、キャリコ( @calicocatxyz )です。 Fac …

Photo credit : ameblo
FC2 ブログから各ブログサービスへ移転する方法のまとめ

ブログやるなら独自ドメインが最強だと思ってるキャリコ( @calicocatxy …