![http://www.faramoon.com/680.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/335a0ea0db2fc46af6d87092e843bbc18b7fc28a/height=288;version=1;width=512/http%3A%2F%2Fwww.faramoon.com%2Fwp-content%2Fuploads%2F2012%2F08%2Flike_02.jpg)
「Open Graph Pro」とFacebookコメントの設定方法について、できる限りわかりやすく、まとめてみます。 1.「Open Graph Pro」とは 「Open Graph Pro」とは、OGP(Open Graph Protocol)をWordPressに設定するプラグインです。OGPとは、FacebookなどのSNSとWebページを連携させるための仕組みです。 OGPを設定すると、Facebookで「いいね!」や「シェア」がされた時に、「いいね!」や「シェア」した人の友達のニュースフィードにも、Webページのタイトルやサムネイル画像、URLが、正確に表示されるようになります。 2.OGPの設定を宣言する HTMLの一番上のDOCTYPEタグとHEAD開始タグの間に、次のコードを追加します。これが、OGPを設定する宣言になります。 <html xmlns:og=
twitter、facebook、google+1、evernote、tumblr、はてブ、mixiなど、各ソーシャルメディアやブックマークに共有するボタン設置方法をまとめてみました。 このブログはwordpressで構築しているのでプラグインを使用すれば簡単なのですが、他サイトなどにも使うことを想定した設置方法です。 備忘録エントリー。 twitter ツイートボタン facebook いいねボタン google+1ボタン evernote サイトメモリーボタン tumblr 共有ボタン はてなブックマーク mixiチェックボタン twitter ツイートボタン 1.コード取得 下記リンク先でツイートボタンのソースコードが取得できます。 Twitter / ツイートボタン ボタン ボタンの種類を選びます。 ツイート内テキスト ツイートに含まれるテキストを選択します。 ボタンが表示されるペ
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPad、iPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く