【激熱!!】「みんなの銀行」をアプリで口座開設して現金1,000円をゲットする方法(口座開設はアプリで10分程度で可能&最短翌日入金!)

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



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



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

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

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

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

OGPを指定しておこう

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


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


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

Facebook シェアボタンの基本形

Facebook シェアボタンをWordPressで使う場合のサンプル

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

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


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

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

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

ツイートボタンの基本形

ツイートボタンをWordPressで使う場合のサンプル

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


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

つぶやいて欲しいなぁ…

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

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


< この記事をシェア >






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

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

【500円分のクーポンがもらえる!!】Amazonギフト券を超おトクにチャージする方法 – プライムデーで増量&クレカも対象!最大3.0%還元キャンペーンなど

キャンペーン

Amazonギフト券がおトクにチャージできるキャンペーンは定期的に開催される!現在開催中のキャンペーンの特典や条件まとめ

Hulu(フールー)を無料視聴する、通常よりおトクに契約する方法

webサービス

Huluが新型コロナウイルスの感染拡大防止に伴う在宅環境をサポートという名目で100作品以上を無料開放中!

Dropbox Plus(有料版)を超おトクに契約、購入する方法 – ソースネクストの3年版がコスパよし!

Dropbox

公式は値上げ!あのおトクなDropbox3年版がついに復活!有料版のPlusを契約するならソースネクスト経由でどうぞ!

【必須!!】ドミノ・ピザの割引クーポンまとめ – クーポン取得&利用手順。おトクにピザを注文する方法

キャンペーン

ドミノ・ピザを注文する前におトクなクーポンが配布されていないかチェック!常時30%割引となるクーポン配布中!

LINE POINT CLUBとは?マイランクに応じてコンビニやスーパー、家電量販店、飲食店などで使えるおトクなLINE Pay特典クーポンをゲットする方法

LINE

2020年5月よりLINE POINT CLUBが登場!LINE Payの還元率は条件によっては0%になったけど超オトクなクーポンがランクによって複数枚ゲットできる!


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

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

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


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


同じカテゴリの記事

LINEの使い方 – LINEで自作スタンプを販売する方法

LINE

全世界にいる3億人以上のLINEユーザーにスタンプを使ってもらえるチャンス!!

【LINE】プロフィールをカスタムする方法 – スタンプや写真、アイコンでデコレーションできるようになった。ストーリーに投稿しない設定もアリ

LINE

LINEのプロフィール画面が写真や購入済のスタンプ、SNSアイコン、写真などでデコれるようになった!よりオリジナリティの高いプロフィールが作れちゃう

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

LINE

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


新着記事

【+4%還元!!】「プレアワー」でYahoo!ショッピング・PayPayモールでおトクにお買い物する方法

キャンペーン

不定期で開催される、Yahoo!プレミアム会員ならYahoo!ショッピングとPayPayモールで+4%還元でお買い物できるおトクなキャンペーン!!

au PAY 残高に現金チャージして最大1,000Pontaポイント(5%還元)をゲットする方法

キャンペーン

ローソン銀行ATMでau PAY 残高にチャージするだけで最大1,000Pontaポイントがもらえるけっこう熱いキャンペーン!!

【予約開始】ソニーのワイヤレスイヤホン「WF-1000XM4」を予約・購入する方法 – スペック、変更点、販売ショップまとめ

ガジェット

SONYの大人気完全ワイヤレスイヤホン2021年モデル「WF-1000XM4」が登場!2021年6月25日発売で価格は33,000円

【8月15日まで】ドコモ『最大2.2万円割引キャンペーン』でおトクにギガプランを契約する方法 – 対象機種や条件、エントリー手順など

キャンペーン

ドコモがギガホやギガライトにのりかえで最大2.2万円割引となるキャンペーンをスタート。dポイント還元対象機種もあり

【6月版】au「三太郎の日」の特典まとめ&おトクに買い物する方法 – au PAY マーケット最大21%還元など

キャンペーン

3のつく日は三太郎の日!au PAYマーケットでのお買い物で最大50%還元やローソンでのおトクなクーポン配布など


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    楽天カードを1つの名義で国際ブランドの異なる2枚のカードを発行する方法 – 2枚持ちでも年会費無料!

    個人的にこれけっこうアツい!Visaが1枚目なら異なる国際ブランドのカードをもう1枚発行できる!


    Amazon以外のお店でAmazonギフト券を使って買い物、支払いする方法 – 出前館やトイザらスなど多数のショップで使える!

    Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」でギフト券が利用できるようになった!クレカなしでの買い物にもどうぞ


    【6月版】dカード&dカード GOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数!おトクな入会キャンペーン開催中

    10%還元で噂のdカード GOLDと通常dカードの還元率、メリット、デメリット、比較、疑問を徹底まとめ!自分も実際にGOLD使っています!


    【回線料金3ヵ月無料!!】楽天モバイル『Rakuten UN-LIMIT』の料金プラン、対応端末、キャンペーンなどまとめ – 無料維持もできる新プラン「VI」提供開始!

    楽天モバイル「Rakuten UN-LIMIT VI」提供開始!1GB未満はまさかの無料!最高でも2,980円。新料金や対応端末は?iPhoneは使える??


    【機種変更が値下げ!!】ドコモのiPhone 11 / Pro / Maxの契約別価格&割引、キャンペーンでおトクに購入する方法

    値下げ、割引が始まったドコモのiPhone 11シリーズの価格を契約別にまとめています


    注目の記事をぜんぶ見る

  • 最新記事

    【+4%還元!!】「プレアワー」でYahoo!ショッピング・PayPayモールでおトクにお買い物する方法

    不定期で開催される、Yahoo!プレミアム会員ならYahoo!ショッピングとPayPayモールで+4%還元でお買い物できるおトクなキャンペーン!!


    au PAY 残高に現金チャージして最大1,000Pontaポイント(5%還元)をゲットする方法

    ローソン銀行ATMでau PAY 残高にチャージするだけで最大1,000Pontaポイントがもらえるけっこう熱いキャンペーン!!


    【予約開始】ソニーのワイヤレスイヤホン「WF-1000XM4」を予約・購入する方法 – スペック、変更点、販売ショップまとめ

    SONYの大人気完全ワイヤレスイヤホン2021年モデル「WF-1000XM4」が登場!2021年6月25日発売で価格は33,000円


    【8月15日まで】ドコモ『最大2.2万円割引キャンペーン』でおトクにギガプランを契約する方法 – 対象機種や条件、エントリー手順など

    ドコモがギガホやギガライトにのりかえで最大2.2万円割引となるキャンペーンをスタート。dポイント還元対象機種もあり


    【6月版】au「三太郎の日」の特典まとめ&おトクに買い物する方法 – au PAY マーケット最大21%還元など

    3のつく日は三太郎の日!au PAYマーケットでのお買い物で最大50%還元やローソンでのおトクなクーポン配布など


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

  • usedoorをフォロー


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

    【予約開始!!】『劇場版「鬼滅の刃」無限列車編 Blu-ray/DVD』を予約・購入する方法 – 店舗別グッズ、購入特典、先着特典あり

    『劇場版「鬼滅の刃」無限列車編』のBlu-ray&DVDの発売が決定!予約は3月16日0時より受付開始で発売日は2021年6月16日です。


    【6月版】闇ふるさと納税?ふるさと納税で返礼品とは別にAmazonギフト券を貰う方法

    簡単な条件を満たせば、ふるさと納税寄付金額に応じたAmazonギフト券が返礼品とは別にもらえちゃう!


    【6月版】「メルペイ」のキャンペーン&クーポンまとめ – バーチャルカード利用や対象ショップで20%還元etc… メルペイでお得にお買い物する方法

    メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう。ネットショップにも対応


    【最大3万円還元】ソフトバンクのiPhone XS / XS Maxを購入して高額キャッシュバックをGETする方法

    のりかえなら割引またはキャッシュバック&クーポンで実質46,160円でiPhone XS 256GBが買えるぞ!


    LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ – PayPayボーナス10,000円相当キャッシュバックが激アツ!対象となる契約の条件など

    LINEMO新規契約で10,000円分のPayPayボーナスがもらえる激アツキャンペーン開催中!その他にも割引特典などあり。キャンペーンをまとめました


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

  • あわせて読みたい記事