【最新版】格安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ページよりご連絡ください。

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

ドコモ『スペシャルデイズ』でおトクにiPhone、Android、タブレット、ガラケー、ルーターetc…を購入する方法 – withも対象!

キャンペーン

2019年5月のドコモスペシャルデイズは5日~15日&機種にキャンペーン内容が様々!Pixelやdocomo with対象端末のキャンペーンが追加!

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

キャンペーン

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

【5月版】闇ふるさと納税?返礼品とは別にAmazonギフト券を貰う方法 – 開催中キャンペーンのまとめ

国や地方の制度

簡単な条件を満たせば、ふるさと納税寄付金額の3~5%のAmazonギフト券がもらえちゃう!

【5月19日まで】dファッションのクーポンをゲットする方法 – 全商品に使える1,000円オフクーポン配布中

ショッピング

ドコモが運営するd fashionにもクーポン多数!キャンペーンとクーポンを組み合わせるとめちゃくちゃ安くアイテムが買えることも多々!


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

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

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


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




同じカテゴリの記事

【ZOZO福袋買った人は要注意!】ZOZOプレミアム・プラチナムを退会する方法

ショッピング

気付かず登録されている可能性があるので福袋を買った人は確認してみた方がいいかも!?

「Macbook(Pro/Air)」をおトクに購入する方法 – 価格比較&割引キャンペーンまとめ

ショッピング

Macbook Air(Mid 2017,Core i5)が家電量販店やAmazonで1万円割引で販売中!

【50%オフ】「クレベリン×ベアブリック」を予約・ゲットする方法

ショッピング

ミッキーマウスやジャック・スケリントン、ダース・ベイダー、ストームトルーパーのクレベリンコラボBE@RBRICKが50%オフで販売中!

【予約解禁】欅坂46の『欅共和国2017(DVD/Blu-ray)』を予約・購入する方法

ショッピング

初回生産限定盤特典は全46種のポストカードセット!発売日は2018年9月26日です。


新着記事

【6/4まで】Amazon MusicモバイルアプリでPrime Musicを聴いて100ポイントをゲットする方法

キャンペーン

Amazon MusicモバイルアプリでPrime Musicを聴いて100Amazonポイントをプレゼント!2019年4月1日以降Prime Musicの利用履歴のない方が対象です。

【ドコモ分離プラン】新料金『ギガホ』『ギガライト』徹底まとめ – おトクになる人と損する人、概要や注意点など。ドコモの携帯料金をおトクにする方法

携帯電話利用料金

docomo withなど現在のプランや割引は5月31日で新規受付停止。新料金プランに移行する?現状維持?自分がおトクなプランを探しましょー

【5/24 生配信】「乃木坂46 23rdシングル『Sing Out!』発売記念 アンダーライブ」を視聴する方法

エンタメ ・芸能

5月24日(金)に横浜アリーナで開催されるライブをdTVチャンネルのひかりTVチャンネル+が独占生配信!

じぶん銀行の口座を開設する方法 – メリットやキャンペーンまとめ。特にauユーザーは持っていて損ナシ。

銀行

誰でも口座開設できるけど特にauユーザーにメリットが多い「じぶん銀行」の口座を作ってみた。おトクなキャンペーンもあり

【ドコモ】新プラン「ギガホ/ギガライト」と「docomo with」はどっちが安いか?をケース別に比較してみた – 毎月の料金をおトクにする方法

携帯電話利用料金

結局、ドコモの新プランにするのとdocomo withにするのどっちが毎月の料金はおトクなの?をケース別に比較してみた


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

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

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


    【LINE】トークの写真、画像内の文字を読み取ってテキスト化する方法 – 写真の中の文字をメッセージに変換。翻訳もできる!OCRアプリとして使えちゃう

    これは便利!スクリーンショット画像の文字をLINEに読み取ってもらってそのままメッセージとしてトークに送信したり翻訳したりできちゃう!


    注目の記事をぜんぶ見る

  • 最新記事

    【6/4まで】Amazon MusicモバイルアプリでPrime Musicを聴いて100ポイントをゲットする方法

    Amazon MusicモバイルアプリでPrime Musicを聴いて100Amazonポイントをプレゼント!2019年4月1日以降Prime Musicの利用履歴のない方が対象です。


    【ドコモ分離プラン】新料金『ギガホ』『ギガライト』徹底まとめ – おトクになる人と損する人、概要や注意点など。ドコモの携帯料金をおトクにする方法

    docomo withなど現在のプランや割引は5月31日で新規受付停止。新料金プランに移行する?現状維持?自分がおトクなプランを探しましょー


    【5/24 生配信】「乃木坂46 23rdシングル『Sing Out!』発売記念 アンダーライブ」を視聴する方法

    5月24日(金)に横浜アリーナで開催されるライブをdTVチャンネルのひかりTVチャンネル+が独占生配信!


    じぶん銀行の口座を開設する方法 – メリットやキャンペーンまとめ。特にauユーザーは持っていて損ナシ。

    誰でも口座開設できるけど特にauユーザーにメリットが多い「じぶん銀行」の口座を作ってみた。おトクなキャンペーンもあり


    【ドコモ】新プラン「ギガホ/ギガライト」と「docomo with」はどっちが安いか?をケース別に比較してみた – 毎月の料金をおトクにする方法

    結局、ドコモの新プランにするのとdocomo withにするのどっちが毎月の料金はおトクなの?をケース別に比較してみた


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

  • usedoorをフォロー


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

    【機種変更でも実質10,368円~】ドコモの第6世代iPad(2018年モデル)をおトクに購入する方法 – GO!GO!iPad割終了で4月から値上げ。。

    Apple Pencil対応の第6世代iPadをドコモが再度値下げ!Proなどは対象外なのでお間違いなく!


    【6.7万円還元!】ソフトバンクのXperia 1やAQUOS R3などのAndroidを購入して高額キャッシュバックをGETする方法

    ソフトバンクのAndroidにお乗り換えすると高額キャッシュバックがもらえるぞ!2019年夏モデルの「Xperia 1」「AQUOS R3」もCB対象です。


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

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


    【一括2万円】ソフトバンクのiPhone XRを激安で購入する方法

    ソフトバンクのiPhone XRが激安!MNP(のりかえ)なら一括20,000円!


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

  • あわせて読みたい記事