アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

ソーシャル 新着情報

facebookのファンページを作りました

投稿日:2010年12月14日 更新日:

先日、宮松さんとお会いしたときに「facebookのファンページをすぐ作るべきだ」とご指摘いただき、さっそく作成した。

と言いつつファンページは以前から作ってはいたのだが、FBMLとか面倒くさそうで放置していただけのだが。

何事も、すぐに手をつけないといけないね。反省…

フェースブックの設定

で、宮松さんのファンページを参考に、作ってみた。

フェイスブック

アミアンインターナショナル徳弘効三のfacebookファンページ

まあ自分で言うのも何だが、もろパクリでお恥ずかしい限り。(宮松さん、ごめんなさい)

いざやってみると、結局はFBMLと言ってもスタティックページであれば普通にHTMLとCSSでコーディングできるので、この程度のページであれば問題なく作成できた。

FBMLでfacebook内で検索してスタティックFBMLアプリを見つけ出し、ファンページに導入。

設定画面でシコシコとHTMLを書きこむ。

どうやらこの時、インラインCSSでないとうまくいかないらしい。

外部CSSを読み込む手段がないからかな?

ついでにプロフィール画像を変更。

こちらももろパクリでお恥ずかしい限り。(宮松さん、ごめんなさい)

その後、ニュースタブもついでに追加しておいた。

やりだすといろいろ思いついてしまいキリが無くなるのは、多機能なfacebookだからこそだろう。

ブログの設定

とまあ、ここまでは順調だったのだが、問題はこのblogにフェースブックのバッジを取り付けるところで起こった。

このblogは既存のテーマを使わせていただいているのだが、そこにバッジを取り付けるとどうも縦に長くなり過ぎて収まりが悪い。

しかも幅が狭いので、バランスが取れない事この上ない。

で思いついたのが、この部分を2カラムにすることだ。

これに意外と手こずった。

他人が作ったCSSだから、思いも掛けないところで影響が出たり。

お決まりのIEでの動作不良なども出て、えらく時間を取られてしまった。

結局google codeを使ったりしてお茶を濁したのだが、それでもIE6では表示がいまいちだ。

やはり手を抜かず、自分で最初からしっかりコーディングすべきだった。

今日は反省することしきり…大汗

-ソーシャル, 新着情報
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

第100回二科展

弊社専属デザイナーが第100回二科展で第100回記念賞、および会友推挙を受賞しました

弊社専属デザイナーが第100回二科展で第100回記念賞、および会友推挙を受賞しました。 弊社のデザインにおけるレベルの高さを証明する受賞であると、謹んでご報告申し上げます。

stinger8

おまけ:wordpress設定手順を公開してみて ⇒ STINGER8設定その15

おまけ ここまでやって気づいたのだが、画面右下にページトップに戻るリンクがある。 これが色が薄すぎて、白背景だと全く気がつかない。 すこし色を濃くしておこう。 #page-top a{ backgro …

HDMIケーブル

HDMIケーブルにて価格破壊を考える

11月の話で恐縮だが、テレビを買った。 ご多分に漏れず、エコポイントを意識して駆け込みで購入したのだ。 ところが、その時点でテレビの納期が1ヶ月先とのこと。 そりゃあないでしょ! という気持ちになった …

before

カテゴリーのデザイン-サイドバーメニューの成形(3) ⇒ STINGER8設定その5

カテゴリーが長すぎる サイドバーのカテゴリーだが、項目数が多すぎて縦にやたら長くなってしまう。 そこで、第一階層をリストにして第二階層はボタンにして並べることにした。 まず、第二階層をボタン化 .ca …

コード表示の最適化 ⇒ STINGER8設定その8

コードが見にくい preタグでコードを表示した時に困るのが、いまいち見づらいことだ。 コードのハイライト表示を導入したことで、多少は見やすくはなっていた。 google code-prettifyでコ …