タグ

ブックマーク / mbdb.jp (4)

  • 誰でもカンタン! Facebookの「Recommendations Bar」を設置する方法 | [M] mbdb

    誰でもカンタン! Facebookの「Recommendations Bar」を設置する方法 Facebook この記事を読むのに必要な時間の目安: 約 5 分 Facebookが提供しているソーシャルプラグインの数々。今やブログを運営しているとソーシャルは切っても切れない関係なわけで、当ブログでもFacebookのソーシャルプラグインをチラホラと導入しています。 そんなプラグインのひとつである「Recommendations Bar」がベータ版から正式版になっていたので、うちでも導入してみました。 Sponsored Link ブログを読み進めてスクロールしていくと、ブラウザの右下に上のようなボックスが表示されます。Facebookで「いいね!」された記事が2件ランダムに表示されるようになっているんですね。 当ブログではこれまで、同種の機能を持つ「SimpleReachSlide」と

    kurobuchi
    kurobuchi 2014/06/05
    Facebookで「いいね!」の多い記事を「おすすめ」として紹介するBOXの導入と設定方法。
  • WPのOGP実装はこれで決まり? 「WP-OGP Customized」がイイね!

    以前にWordPressOGPを実装させるプラグイン「WP-OGP」について書いたことがありますが、このプラグインはスペルミスがあったりするなど、ちぃっとばかり不完全な仕上がりのままアップデートされることもなく放置されている状態。 で、そんな「WP-OGP」をベースに改良を加えられたプラグイン「WP-OGP Customized」があったので、そちらを導入することにしました。 「WP-OGP Customized」は「WP-OGP」の困ったちゃんなところを修正してくれている上に、さらに機能的にもパワーアップさせてあるプラグインです。 ベースとなっている「WP-OGP」だと、設定で入力できるのは[fb:admins]と[fb:app_id]の2項目のみだったんですが、「WP-OGP Customized」では、それに加えて以下のことができるようになっています。 [og:descriptio

    WPのOGP実装はこれで決まり? 「WP-OGP Customized」がイイね!
    kurobuchi
    kurobuchi 2013/06/21
    WPでOGPを設定するプラグイン
  • FacebookのOGP仕様がまたもや変更! og:imageの推奨サイズが1500×1500に!

    マジですかまた変更ですかそうですか。 久々にトップページをDebuggerで叩いたら、OGPにエラーがが。 Facebook Open Graphの仕様を、これまた久々に調べなおしたら、またもや変更されていました。 とりあえず仕様変更よりバグをどうにかしてほしいんですけどね。 og:imageが推奨1500×1500に拡大 昨年の6月に記事にしましたが、前回の仕様変更でog:imageのサイズが最低200×200になりました。この話題は、最近になってまたぶり返してたっぽいですね。 それがいつの間にやら、仕様上、1500×1500を推奨・優先するということになったみたいです。1500pxってあんた・・・。。 The URL of an image which is used in stories published about this object. We suggest that you

    FacebookのOGP仕様がまたもや変更! og:imageの推奨サイズが1500×1500に!
    kurobuchi
    kurobuchi 2013/04/10
    Facebookのogp画像が1500pxが推奨!?でかいな…
  • HTML5で組んでるならこの魔法のjsも入れておけっていう話

    現在、A!@attripさん発で話題になっている「たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS

    HTML5で組んでるならこの魔法のjsも入れておけっていう話
    kurobuchi
    kurobuchi 2012/12/02
    こんなのあったんだ。
  • 1