先日、自分のサイトテーマで使おうと思ってバルーン型のソーシャルボタンを作ってみました。ソーシャルサービス純正のバルーン型シェ... 上記の記事では以下のシェアボタンを作成しています。(Pocket、Evernote、feedlyが果たしてシェアになるのか?という問題は置いといてください。) TwitterFacebookGoogle+はてブPocketLINEEvernotefeedlyただ、外観だけではページをシェアすることはできません。アンカーリンクなどを適切に設定して、シェアアクションできるようにしなければなりません。 そこで今回は、ソーシャルボタンの独自カスタマイズ用に、通常の<A></A>タグなどで使用する、リンクアクションの書き方をまとめて紹介したいと思います。
<!-- OGP --> <meta property="og:type" content="blog"> <?php if (is_single()){//単一記事ページの場合 if(have_posts()): while(have_posts()): the_post(); echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋を表示 endwhile; endif; echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";//単一記事タイトルを表示 echo '<meta property="og:url" content="';
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く