簡単だね | WordPressでFacebookページにタブを追加してみる
Facebookページを触り始めて、まぁまぁ時間が経つわけです。
リバネスの飲食店系のページも作ってみたり。
リバネスカフェ&ダイニング
東京ワイン酒場アゲマキ
梅酒ダイニング明星
Welcomeページは、id:amachang のウェルカムページメーカー使ってみたりして、ページ追加してみたりしているわけです。
ただ、思うわけですよ。
そろそろ自分でページ追加してみたりしたいなとか。
追加したページのアイコンも自分でオリジナルのものにしてみたいなとか。
思う段階に来たわけです。
そこで、今回はWordpressを使って、Facebookページにタブを追加してみました!という話です。
参考にしたのはこのページ。
WordPressを使ったFacebookページ作成と更新:基礎編(1/6) @IT
基礎編以降が更新されてないのが残念なのですが、期待してますよ!>@ITさん
準備編
WordPressをインストールします。
注:https環境でもアクセス出来る場所に設置するのが好ましいです。httpでしか接続できない場合、Facebookをhttpsのみでアクセスしているユーザーはそのページを見ることが出来ません。
こんな感じになる。
僕の場合は、www.leaveanest.comにはhttpsが利用できる状態になっているので、そこに設置しています。
WordPressの環境設定
これについては、ここ参照でOK。
WordPressを使ったFacebookページ作成と更新:基礎編(1/6) @IT
基礎的な事は解決できます。
Facebookアプリを作る
これも上記ページで殆どカバーしてあるのですが、ちょっとデザインが変わっているのでこちらを参照のこと。
FacebookアプリをHTTPS+OAuth2.0対応にする方法(10月4日現在)
アプリの設定はこんな感じ
アイコンはアプリのアイコンを変更部分から変更が可能です。
今回はFacebookページへのタブ追加だったので、Page Tabという項目をいじります。
そこに、Page Tab URLとSecure Page Tab URLの二つのURLを記入します。
WordPressはhttpsでもhttpでもアクセス出来るようにApacheを設定しておきます。
*本当はパーマリンクの設定変えたかったんだけど、上手く行かなかったので割愛。.htaccessに詳しい人教えてください
これで、httpでもhttpsの人でも閲覧できる環境が出来ましたよ!
http://www.facebook.com/geeorgey?sk=app_104896272953895
https://www.facebook.com/geeorgey?sk=app_104896272953895
ばっちりで御座います。