【最新版】格安SIM(MVNO)料金徹底比較・まとめ - 携帯料金が絶対下がるぞ

最終更新 [2014年7月15日]



キーワード:アカウント, サイト作成, 登録,



facebookやTwitterなどSNSで使うよく見るシェアボタンをオリジナル画像またはスタイルシートなどで作成したオリジナルに変更する方法です。

各コードとWordPressで使う際のサンプルを記載しています。

usedoorでも現在、Facebookのシェアボタン(いいね!じゃないよ)とツイートするボタンをオリジナル画像にしています。
適切な設定を行うことで自分が設定したいオリジナル画像をシェアボタンとして使うことができるようになります。

usedoorでもシェアボタンを増やしていこうかと悩み中です。
オリジナル画像シェアボタンの組み込み方はこのエントリにまとめていきます。

OGPを指定しておこう

またSNSボタンを配置するにあたってヘッダーに「OGP」というものを導入しておく必要があります。
絶対に必要というわけではないのですが、自分側で設定しておくことでシェアされた時に自分が表示させたいように表示させることができるようになります。
Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】


ではオリジナルシェアボタンの導入を代表的なところから。


facebookのシェアボタンをオリジナル画像に変更する

Facebook シェアボタンの基本形
<a title="facebookでシェアする" href="http://www.facebook.com/sharer.php?u=【シェアしたいURL】&t=【記事のタイトル】" target="_blank">
<img src="【画像URL】">
</a>
Facebook シェアボタンをWordPressで使う場合のサンプル
<a title="facebookでシェアする" href="http://www.facebook.com/sharer.php?u=<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>&t=<?php echo trim(wp_title( '', false)); ?>" target="_blank">
<img src="【画像URL】>
</a>

↑はURLに現在の記事のURL(これはWordPressというかPHPですが。。)、タイトルにWordPressのwp_titleを使ってtrimしているというものです。

この方法でハメたのがコレ↓


クリックしてみてください~
タイトルとURLがハマった状態でFacebookにジャンプします。

そのままシェアしてもらえると嬉しいなぁ。。

Twitterのツイートボタンをオリジナル画像に変更する

ツイートボタンの基本形
<a href="http://twitter.com/share?url=【ツイートしたいURL】&text=【ツイートしたいタイトル】&via=【@につけたいユーザー名】&related=【ツイートに関連するユーザー】&hashtags=【ハッシュタグ】" target="_blank">
<img src="【画像URL】">
</a>
ツイートボタンをWordPressで使う場合のサンプル
<a href="http://twitter.com/share?url=<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>&text=<?php echo trim(wp_title( '', false)); ?>&via=sitename" target="_blank">
<img src="<?php echo $twimg; ?>">
</a>

この方法でハメたのがコレ↓


クリックしてみてください~
タイトルとURLがハマった状態でツイート画面が立ち上がります。

つぶやいて欲しいなぁ…

いろんなシェアボタンいろいろと書いていきます!

いまから色々なシェアボタン、オリジナルバージョンの埋め込み方を追記していきます!
末永く、またご指摘や方法を教えて頂ける方からのご連絡もお待ちしています!


< この記事をシェア >






このFacebookやTwitterなどSNSのシェアボタンをオリジナル画像にする方法【WordPressも対応】の最終更新日は2014年7月15日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【登録するだけで100dポイント&10,000円分のdトラベルクーポンが当たるかも】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

webサービス

新型ベンツCクラスも登場!ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス

【投げ売り】機種変更もOK。ドコモ『9.7インチiPad(第5世代)』を一括0円で購入する方法

携帯電話

第5世代のiPad 32GBモデルが一括0円。ストレージが大きいモデルも投げ売り価格で販売中

【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法

キャンペーン

超簡単に参加できるクジ。当たればラッキー!dアカウント+ポイントカード持っている人は是非

【毎日開催】dマガジン4周年特別企画『毎日クイズ★チャレンジ』でdポイントをゲットする方法 – 新規入会キャンペーンは実質2ヵ月無料!

本・コミック

dマガジンを契約している人は毎日チャレンジ!当たれば月額料金以上のdポイントがゲットできちゃう。LINE無料スタンプもアリ!


≫ 開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


キーワード:アカウント , サイト作成 , 登録 ,




同じカテゴリの記事

【60巻まで無料!】楽天Koboで『ワンピース』1~60巻を無料で読む方法

本・コミック

ワンピース20周年!ワンピースの第1部がすべて無料で読めるぞ。これは激熱なキャンペーン!

【最大90%OFF】Kindleストア4周年記念セールでマンガをおトクに購入する方法

本・コミック

対象件数は1,836件!Paperwhiteマンガモデルと一緒に買えばひきこもれるなぁ

【セブンネット限定】ワンピース90巻を買って限定クリアブックカバーをゲットする方法

本・コミック

「ONE PIECE90巻」を買うなら限定特典が付いてるセブンネットがおすすめ!前回は発売前に完売したので今回もプレミア化する可能性ありますよ~

【キャッシュバック】dマガジンをおトクに契約する方法 – dポイントもゲットできるかも

本・コミック

dマガジンは普通に入るよりキャッシュゲットモール経由の方が絶対おトク!


新着記事

夏の祭典『a-nation 2018』の生放送を無料で見る方法

webサービス

今年のa-nation生配信は大阪・東京の2会場4日間!dTVとdTVチャンネルで生配信されるぞ!

Amazonでクレカの「分割払い・リボ払い」を利用する方法・設定方法

クレジットカード

Amazonでもクレジットカードの分割払い・リボ払いが利用可能に!

【DAZN独占】ロナウドのセリエA デビュー戦をライブ配信・生放送で見る方法

スポーツ

ライブ配信はDAZN(ダゾーン)が独占!試合は8月19日1:00~です。

【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

ショッピング

ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります

【Xperia】Android 9.0 Pieにアップデートできるかを確認する方法 – ソニーがアプデ対象機種を発表!

Androidスマホ

SONY公式がXperiaのAndroid 9.0へのアップデート機種を発表。ただし日本キャリアに適用されるかは…


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    日本での『Uber』の使い方 – 実際乗ってみた!

    クーポンでのおトクな乗り方、配車方法、注意点、アプリ、タクシーとの比較などUberのことガッツリまとめました


    【8月版】ソフトバンクのキャッシュバッククーポンをWEB上からゲットする方法 – スマホ購入前に要確認!

    Tポイントまたは現金でキャッシュバック!もちろん最新のiPhoneにも使えるソフトバンクのクーポン


    【8月31日まで】還元率50%『日本旅行ギフトカード』+Amazonギフト券+オマケ付!超おトクにふるさと納税する方法

    2018年8月に還元率50%+オマケ+Amazonギフト券という超高還元ふるさと納税が登場!


    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auユーザーは必見!機種変更前に絶対に確認した方がいいauMNP引き止めサービス!お得にiPhone7をGETできるかも!?


    【当サイト限定クーポンでキャッシュバック!】最大15,300円分還元!『BIGLOBEモバイル』をおトクにを契約する方法

    新キャンペーンがスタート!クーポンを使えば通常特典+4,000円のキャッシュバックがもらえるぞ!


    注目の記事をぜんぶ見る

  • 最新記事

    夏の祭典『a-nation 2018』の生放送を無料で見る方法

    今年のa-nation生配信は大阪・東京の2会場4日間!dTVとdTVチャンネルで生配信されるぞ!


    Amazonでクレカの「分割払い・リボ払い」を利用する方法・設定方法

    Amazonでもクレジットカードの分割払い・リボ払いが利用可能に!


    【DAZN独占】ロナウドのセリエA デビュー戦をライブ配信・生放送で見る方法

    ライブ配信はDAZN(ダゾーン)が独占!試合は8月19日1:00~です。


    【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

    ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります


    【Xperia】Android 9.0 Pieにアップデートできるかを確認する方法 – ソニーがアプデ対象機種を発表!

    SONY公式がXperiaのAndroid 9.0へのアップデート機種を発表。ただし日本キャリアに適用されるかは…


    最新記事をもっとチェック

  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    【8月版】機種変更アリ!ドコモから『648円以下』で販売されているiPhone・iPad・Androidスマホ・ガラケーまとめ – 激安でドコモ端末を購入する方法

    現在ドコモで販売されている648円以下(一括0円もあり)の機種を一括価格、実質価格、契約別にまとめました


    【1,000ポイント+最大2.5%還元!!】Amazonギフト券を超おトクにチャージする方法

    自分が対象かどうかはすぐにチェックできる。Amazonで買い物するなら絶対おトク


    【8月31日まで】還元率50%『日本旅行ギフトカード』+Amazonギフト券+オマケ付!超おトクにふるさと納税する方法

    2018年8月に還元率50%+オマケ+Amazonギフト券という超高還元ふるさと納税が登場!


    【8月版】dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数

    10%還元で噂のdカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事