簡単だね | WordPressでFacebookページにタブを追加してみる

   

imgres

Facebookページを触り始めて、まぁまぁ時間が経つわけです。
リバネスの飲食店系のページも作ってみたり。

リバネスカフェ&ダイニング
東京ワイン酒場アゲマキ
梅酒ダイニング明星
 
Welcomeページは、id:amachangウェルカムページメーカー使ってみたりして、ページ追加してみたりしているわけです。
 
ただ、思うわけですよ。
そろそろ自分でページ追加してみたりしたいなとか。
追加したページのアイコンも自分でオリジナルのものにしてみたいなとか。
icon

思う段階に来たわけです。

そこで、今回はWordpressを使って、Facebookページにタブを追加してみました!という話です。


参考にしたのはこのページ。

WordPressを使ったFacebookページ作成と更新:基礎編(1/6) @IT


基礎編以降が更新されてないのが残念なのですが、期待してますよ!>@ITさん

準備編
WordPressをインストールします。
注:https環境でもアクセス出来る場所に設置するのが好ましいです。httpでしか接続できない場合、Facebookをhttpsのみでアクセスしているユーザーはそのページを見ることが出来ません。
secure
こんな感じになる。
僕の場合は、www.leaveanest.comにはhttpsが利用できる状態になっているので、そこに設置しています。 

WordPressの環境設定
これについては、ここ参照でOK。

WordPressを使ったFacebookページ作成と更新:基礎編(1/6) @IT

基礎的な事は解決できます。

Facebookアプリを作る
これも上記ページで殆どカバーしてあるのですが、ちょっとデザインが変わっているのでこちらを参照のこと。
FacebookアプリをHTTPS+OAuth2.0対応にする方法(10月4日現在)

アプリの設定はこんな感じ
app
 
アイコンはアプリのアイコンを変更部分から変更が可能です。
今回はFacebookページへのタブ追加だったので、Page Tabという項目をいじります。
そこに、Page Tab URLとSecure Page Tab URLの二つのURLを記入します。

WordPressはhttpsでもhttpでもアクセス出来るようにApacheを設定しておきます。
*本当はパーマリンクの設定変えたかったんだけど、上手く行かなかったので割愛。.htaccessに詳しい人教えてください

これで、httpでもhttpsの人でも閲覧できる環境が出来ましたよ!
RockMelt — (1) 吉田丈治 ( @geeorgey )-1

http://www.facebook.com/geeorgey?sk=app_104896272953895
https://www.facebook.com/geeorgey?sk=app_104896272953895

ばっちりで御座います。

おすすめ記事一覧

 - Facebook