【一括0円】ソフトバンクのAQUOS R2を一括0円で購入する方法

最終更新 [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ページよりご連絡ください。

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

【iPhone Xが55,200円!!】ソフトバンクのスペシャルフェアでiPhoneやXperiaをおトクに購入する方法 – アウトレット品が登場中

携帯電話

機種変更も対象に!ひっそりとソフトバンクオンラインショップ限定のアウトレットキャンペーンが開催中!

【8月はランチ&コンビニが20%還元】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでおトクに買い物する方法 – 8月はコンビニも!

キャンペーン

月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?

【12月15日まで】激アツ!全員20%キャッシュバック!! JCBカードでApple Pay、Google Payを使って超おトクに買い物する方法

クレジットカード

これは激アツ!既存のJCBユーザーもApple Pay、Google Pay設定済の人も全員20%キャッシュバックの対象!


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

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

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


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




同じカテゴリの記事

【2,000台限定】ゲオの格安4K対応テレビ第3弾「4K対応49V型液晶テレビ」を予約・ゲットする方法 – GH-TV49D-BK

ショッピング

ゲオショップ127店舗とゲオマート(ゲオの公式通販サイト)で2000台限定で販売!価格は46,800円です。コスパかなりいいですなぁ

【ミキハウス ホットビスケッツ 公式Yahoo!店がオープン】おトクにミキハウスのベビー服・子供服を購入する方法

ショッピング

オープン記念キャンペーンで全商品ポイント10倍!ソフトバンクユーザーならポイント19倍!

【1,000円OFF】Chromecastをおトクに購入・ゲットする方法

ショッピング

GoogleストアでChromecastが1,000円OFFの3,980円で販売中!セール期間は3月31日まで。


新着記事

「北斗の拳(ケンシロウ/ラオウ/トキ/ジャギ/ジュウザ/レイ)」のnanacoカードを予約・ゲットする方法

ポイントカード

北斗の拳 七番勝負第4弾はレイ!人の為に生き、人の為に死す。レイがデザインされたnanacoカードが登場!

ふるさと納税で「ドライブレコーダー」をゲットする方法

国や地方の制度

神奈川県海老名市に寄付するとドライブレコーダーが返礼品としてもらえるぞ!寄付金額は32,000円~58,000円。

【eスポーツ仕様のPS4用コントローラー】「レボリューションアンリミテッドプロコントローラー」を予約・購入する方法

ゲーム

ついに「レボリューションアンリミテッドプロコントローラー」が日本に上陸!発売日は9月6日(金)で価格は税別17,980円。

【3日間限定で半額&20%還元!!】dデリバリーのキャンペーンまとめ – おトクに出前を注文する方法

飲食店

8月23日~25日の3日間限定で対象チェーン店で半額&20%還元キャンペーン!子育て応援プログラムもアリ!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【8月版】ソフトバンクで機種変更してキャッシュバックを貰う方法 – iPhone、AndroidどちらもOK!

    スマホ乗り換え.comで機種変更すればキャッシュバックあり!手数料分以上がペイできるぞー


    【PlayStation4】iPhone、iPadからリモートプレイする方法 – iOS『PS4 Remote Play』アプリの接続設定、条件&できること/できないこと

    ついにiPhone・iPadにPS4リモートプレイが解禁!実際にiPhoneとプレステ4を接続して遊んでみた


    『Twitterデータ』一覧を確認&カスタマイズをオフにする方法 – 自分のプライバシーデータの利用を制限

    年齢や性別が入っててちょっと怖いと話題の『カスタマイズとデータ』 オフにもできるけど…


    【これが超基本!!】iPhone Xシリーズの基本操作、変更点、小ワザまとめ – ホームボタンのないiPhoneの操作方法

    iPhone XS、XS Max、XRもコレ!ホームボタンが担っていた操作はジェスチャーに変更。すぐに慣れるけど頭には入れておいて!


    【Apple Pay】iPhoneでSuicaにチャージする方法完全まとめ(現金・クレジットカード・オートチャージ)

    いちおう現金からでもできるiPhoneへ取り込んだSuicaのチャージ方法を総まとめ!


    注目の記事をぜんぶ見る

  • 最新記事

    「北斗の拳(ケンシロウ/ラオウ/トキ/ジャギ/ジュウザ/レイ)」のnanacoカードを予約・ゲットする方法

    北斗の拳 七番勝負第4弾はレイ!人の為に生き、人の為に死す。レイがデザインされたnanacoカードが登場!


    ふるさと納税で「ドライブレコーダー」をゲットする方法

    神奈川県海老名市に寄付するとドライブレコーダーが返礼品としてもらえるぞ!寄付金額は32,000円~58,000円。


    【eスポーツ仕様のPS4用コントローラー】「レボリューションアンリミテッドプロコントローラー」を予約・購入する方法

    ついに「レボリューションアンリミテッドプロコントローラー」が日本に上陸!発売日は9月6日(金)で価格は税別17,980円。


    【3日間限定で半額&20%還元!!】dデリバリーのキャンペーンまとめ – おトクに出前を注文する方法

    8月23日~25日の3日間限定で対象チェーン店で半額&20%還元キャンペーン!子育て応援プログラムもアリ!


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

  • usedoorをフォロー


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

    【iPhone 8が一括0円!】ソフトバンクのiPhone 8を一括0円でGETする方法

    のりかえならソフトバンクのiPhone 8が一括0円!のりかえで買うならここがおすすめ!


    【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは?

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


    LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!ついにセブンイレブンでも使える

    〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた


    【限定5,000本】2年版が8,424円!Evernoteプレミアムパックをおトクに購入する方法 – 8月26日までの期間限定で復活中

    evernoteプレミアム2年版のおトク販売がソースネクストで開始!公式よりも2,000円ほど安く購入できます


    【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

    4毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…


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

  • あわせて読みたい記事