note から WordPress に出戻りました!😭

SNS ボタンをオリジナルデザインにするコードの覚え書き

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です!
ご訪問ありがとうございます。ゆっくりしていってね。(本ページは広告を含みます。)

Facebook, Twitter, LINE などの SNS ボタンをオリジナルデザインにした時のリンクするコードの覚え書きです。

※ 文字列や URL は全て URL エンコードしてから記述します。

この記事の目次 非表示

Twitter

コードは次のような感じです。

<a href="http://twitter.com/share?text=ツイートするテキスト&url=ツイートするアドレス" target="_blank">Twitter</a>

動作サンプルは次の通り。

Facebook シェア

いいねボタンのコードを試したのですが、うまく行かず。 代わりにシェア機能を使うことにしました。

コードは次のような感じです。

<a href="http://www.facebook.com/share.php?u=シェアするアドレス" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">Facebook シェア</a>

動作サンプルは次の通り。

LINE

LINE は、スマホで更に LINE アプリがインストールされていないと動きません。 コードは次のような感じです。

<a href="http://line.me/R/msg/text/?テキスト%20アドレス" target="_blank">LINE</a>

動作サンプルは次の通り。

以上。新しいコードを見つけたら追記します!(^_^;)

現場からは以上です。それでは、またッ!!!