タグ

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

  • Facebookページのカバー写真でやっちゃいけないことのまとめ

    Facebookページがタイムライン形式に強制移行されるまであと半月を待つばかり。タイムライン形式への移行に伴って、いわゆるウェルカムページを優先的に表示する「デフォルトのタブ」機能がなくなります。移行後はタイムラインがデフォルトで表示されるわけです。そこで重要になってくるのがカバー写真。やっちゃいけないことがいくつかあるので、それをまとめておきたいと思います。 カバー写真のサイズとかプロフィール写真のサイズ おさらいというか基の”き”になりますが、カバー写真とプロフィール写真のサイズについて触れておくと、 カバー写真・・・851px × 315px プロフィール写真・・・180px × 180px となっています。なお、ひとつひとつの投稿に掲載されるプロフィール写真は32px × 32pxに縮小されます。 やっちゃいけないことの数々 というわけで、ここからはやっちゃいけないことをひとつ

    Facebookページのカバー写真でやっちゃいけないことのまとめ
  • sharer.phpをやめてFeed Dialogを使おう! WordPressの実装方法がコレだ!!

    今も根強く利用されているFacebookの「Share」ボタンですが、「Like Button」への統合が進み、ついには公式の「Share」ボタンは廃止となりました。 公式では代替手段として「sharer.php」を紹介していましたが、とうとうそのドキュメントが削除され、いよいよ「sharer.php」の存続も危うい状況かもしれません。 追記/ 2013年4月24日 Feed Dialogでサムネイル取得の部分がうまく取得できていなかったため、修正しました。 また、現在はLike Buttonにもカウントが反映されるようになっています。 そこで、同様の動作をする方法として実装をおすすめしたいのが、「Feed Dialog(フィードダイアログ)」です。 実装すると、ページ遷移やポップアップすることなく、上図のダイアログが表示され、リンクをシェアすることができるようになります。 なぜこちらをお

    sharer.phpをやめてFeed Dialogを使おう! WordPressの実装方法がコレだ!!
  • WordPressで埋め込んだツイートを幅ピッタリに合わせられるカスタマイズテクニック

    WordPress 3.4からデフォルトで、TwitterのツイートをURLだけ貼り付けることで埋め込むことができるようになりました。 プラグインも必要ないので、たまにツイートを引用したい時など便利に使っています。しかし、ちょっと微妙だったのがそのスタイル。横幅550px固定になっていて、うちの記事の幅には足りず。ということで、その部分をどうにかしてみました。 [関連] Twitter @Anywhereが終了するというのでプラグインなしでアカウントを自動リンク化してみた [関連] WordPressで公開予定の記事を一覧にして表示する方法 [関連] 関連記事表示プラグイン「YARPP」を使って「LinkWithin」っぽくするカスタマイズ 横幅くらいCSSでどうにかできるんじゃないの? ってことで、HTMLを確認してみました。 <div id="twitter-widget-3" cla

    WordPressで埋め込んだツイートを幅ピッタリに合わせられるカスタマイズテクニック
  • 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」がイイね!
  • 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も入れておけっていう話
  • 【2011年版】モバデビがお世話になってるWordPressプラグイン59個

    歳末大決算! ってわけでもないですが、当ブログで利用しているWordPressプラグインを全部まとめてみました。2011年5月にWordPressへリプレイスして7ヶ月程度ですが、現時点で個人的になきゃ困るレベルのプラグインを厳選して入れております。 それにしても59個とかちょっと入れすぎじゃね? って思われるかもしれませんが、他のWordPressユーザーもこれくらいの・・・はず。 Additional image sizes 記事に挿入する画像のサイズを増やせるプラグインです。 WordPressの画像を挿入するときって、サイズがサムネイル、中サイズ、大サイズ、フルサイズしか選べないんですが、これに任意のサイズをセットできます。 僕の場合は黄金比と白銀比の比率になるサイズをセットしてますね。 WordPress › Additional image sizes (zui) « Word

    【2011年版】モバデビがお世話になってるWordPressプラグイン59個
  • Facebookで上司や取引先に囲まれてストレスを抱える人に朗報! 「シャチクのミカタ」を使え! | [M] mbdb

    Facebookで上司や取引先に囲まれてストレスを抱える人に朗報! 「シャチクのミカタ」を使え! Web Please Share! Tweet この記事を読むのに必要な時間の目安: 約 3 分 2010年以降のFacebook普及によって、徐々に増加の一途をたどり、今ではFacebookを使いたくなくなるというユーザーまで出る要因となっているのが、上司や同僚、取引先とのFacebookコミュニケーションらしいですね。 そんな人達に朗報とも言えるサービスが登場しています。その名も「シャチクのミカタ」です。 シャチクのミカタ  位置づけとしてはFacebookのサードパーティアプリになりますかね。 Facebookアカウントでアプリ承認することによって、アプリの設定画面へ入れます。 アプリ承認後に、設定画面でフレンドリストから上司や取引先を選択し、ちょっとしたルール設定をするだけで、あと

  • 1