SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
意外と簡単！位置情報を取得してWordPressと連携する #WordFes | 無料WordPressテーマ BizVektor [ ビズベクトル ]
技術系セッション難しい・・・ 既に存在してるソースを貼って解説すればいいからそんなに負荷は高くないかなと思っていたのですが大間違い。 いざ見なおしてみると、自分が理解してなくて解説出来なかったり、欠陥があって改善してからでないととても公開出来なかったりで、そもそも題材にするソースを用意するのに時間がかかってしまいました。 あとは、ソースの解説ばかりなので、わかりやすく解説しないと、「意味が理解出来ない数学の授業」状態になってしまい、聞く人が眠くなるので、何とか眠くならないようにするのに気を使いました。。。 ただ、かなりしんどかったのですが、やはりこういった場に登壇すると、いろいろと新しい技術的な発見も多々あり、やってよかったなと思います。 今回参加出来なかった方も、来月にはWordCampTokyoがありますので、是非参加してみてください。 WordPressとGeolocationAPI
![意外と簡単！位置情報を取得してWordPressと連携する #WordFes | 無料WordPressテーマ BizVektor [ ビズベクトル ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3ffdff3893b4322bc40ed61ee71532cef71f8f7/height=288;version=1;width=512/https%3A%2F%2Fbizvektor.com%2Fwp-content%2Fuploads%2F2014_wordfes.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
