★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]
運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場
![★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
あると便利！Facebookページのカバー画像サイズなど各サイズ早見表！ | ホームページ作成 -岐阜県岐阜市で人気のホームページ制作会社-
ちょっとした時に重宝する、facebookで使われる画像サイズのリストを公開します。 仕事でカバー写真などの依頼をよく受けるのですが、そのたびに、 「facebook カバー写真 サイズ」と検索しています。 そういうWEBデザイナーの方って結構いるんじゃないでしょうか～？ え、ちゃんとブックマークしてるよ！って声が聞こえてきそうですが。。。 そんな忘れんぼうの自分のために記事に残すことにしました。 仕様変更などもあるので2013.7.25現在の時点でです。 タイムラインで使われる画像サイズ ■カバー画像：851 x 315 pixels ■プロフィール画像：160 x 160 pixels（ボーダーサイズ：5 pixels） ※写真をアップする際のサイズは180px ×180pxですが、実際には160px × 160pxで表示されるのでご注意ください。 ■プロフィール画像のサ
Google画像検索の様なUIを実装する実験（レスポンシブ対応） | BlackFlag
Googleさんの画像検索で使われているサムネイルをクリックすると すぐ下にアコーディオン形式で詳細エリアが広がるUI。 このUI動作を実装するには「SuperBox」というjQueryプラグイン等が有名だったりしますが 画面仕様等ちょっと理想と違う構成のところがあったり動作が少し重かったりしたので 実験がてらjQueryを使ってGoogle画像検索のUIを試しに作ってみたので紹介してみたいと思います。 レスポンシブ動作などブラウザ枠を目いっぱいで表示するタイプなので まずは別枠表示で動作サンプルから。。 jQueryでGoogle画像検索の様なUIを実装する実験（レスポンシブ対応） サンプルでは25枚の画像を一覧で並べて ウィンドウサイズに合わせて、 １行に並べられる画像数等がリキッドレイアウトされます。 サムネイルをクリックすると すぐ下に詳細エリアが展開されます。 詳細エリアにはNE
ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流
先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました！ AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する（2記事） 広告の表示 ブロック要素とインライン要素 CSS3用例集（3記事） jQuery サイトの配色について WordPressのまとめ記事（3記事） 1. ソーシャルブックマークボタンの埋め込み WordPress
サムネイルの画像をクリックで拡大・切り替え・表示します！ - CodingMania
レスポンシブ対応。jqueryを使って、サムネイル画像をクリックするとメイン画像を切り替えて大きく表示します。 ヘッダーで、jquery.jsと後述のgallery.jsを読み込んでいます。 レスポンシブに対応しました【改定：2017/10/12】 1ページに複数の場合は、class指定します。 サムネイルの画像をマウスオーバーで拡大・切り替え・表示します！ ↑もあります。 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="gallery.js"></script> [gallery.js]Ja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
