Facebookページを作成してみた、あきら（@akrwnet）です（＾ｖ＾）
Facebookページって意外と簡単に作成できるもんですね。
作成時には、Facebook naviを参考にするとよいでしょう。
Facebookページ作成時の注意点
簡単に作成できましたが、実は作成しようとした時にいきなりつまずいたところがあります。
作成ページに行くと！？
なんだかどれを選んでいいかわからないんです・・・
ちょっと調べてみると、個人のブログであれば、右上のブランドまたは製品というのがよさそうです。
ウェブサイトというカテゴリがあるので、これが該当するのかな。
しかしこれは後から変更できるようなので、実は適当で構わないみたいです。
写真をアップロード（あとで変更可能）
基本データ入力（あとで変更可能）
この次の工程であるFacebookウェブアドレス、これは変更不可なのでちゃんとしたのを入力すると良いかと思います。
ただ、２５人にいいねを押されると、一度だけ変更可能になるらしいです。
また、もう一ページ試しにつくってみた時には、この３工程目が表示されなかったです。理由はわからず？？キャプチャ撮り直そうと思ったのに・・・
で、こんな感じにほとんど編集が可能です。
ここで、ウェブサイト・ブログ→個人のブログというように設定し直すと良いかもしれません。
※結論としては、アドレス以外はあまりきにしなくてよいので、とりあえず作成してしまうのが良いかと思います。
とりあえずですが、サイドバーにも設置完了です。
ブログに設置はJetpacプラグインがおすすめ！
通常ブログに設置するには、生成されたソースを組み込まなければいけないのですが、Jetpacのプラグインを使用していれば、ブログに簡単に設置することが可能です。
※プラグインの新規追加で、Jetpack by WordPress.comで検索すれば出てきます。
Jetpacには、追加サイドバーウェジットがあるので
それをサイドバーに追加するだけでOK！
これだけで簡単にブログに表示することができますが、どうしてもレスポンシブ対応にしてみたくなってしまいます。無駄に・・・
レスポンシブ対応するにはFTPで直接編集する必要あり
またまたレスポンシブ対応させたくなってしまったのですが、今回は簡単な編集方法がわからず、プラグインのソースを直接編集して見ることにします。
WordPressの管理画面からは編集できないので、FTPソフトかレンタルサーバーのFTPツールでfacebook-likebox.phpを開きます。
場所は
/wp-content
┗/plugins
┗/jetpack
┗/modules
┗/widgets
┗/facebook-likebox.php
このファイルの６６行目辺りにあるpxを%変更
※widthの方です。heightのpxは高さになるのでそのままでOK！
また、デフォルトのままでは、縦幅が432pxと長いので、ついでに編集
42行あたりにある$like_args[‘height’] = 432;を、お好みの長さに
※ここでは250にします。
そしてプログパーツの横幅を１００に編集すると
しっかり、レスポンシブな感じに出来上がり！
横幅を狭めても、それに対応！
ここまですると逆に見づらいのかと思うけど、デフォルトのままではデザインがはみ出してしまうので、それは個人的には嫌いです。
さらに縮めると、下に落ちてしっかり広がってくれます。
別にここまで、レスポンシブ対応させる必要もないかと思いますが、やってやった感があるので、だいぶ満足です♪
同じように、こだわりたいという方がいれば
参考に(＾‐＾)ゝ
コメント