【激熱キャンペーン復活!!】『すすメルペイキャンペーン』でメルペイで使える1,000円分のポイントをゲットする方法

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

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

【最大3万円還元!】ソフトバンクのXperia 5などのAndroidを購入して高額キャッシュバックをGETする方法

携帯電話

ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!

【6ヵ月無料!!】auでスマホを購入してApple Musicを6ヵ月無料で利用する方法 – iPhone、Androidが対象!適用条件など

Apple Music

auが太っ腹なキャンペーンを開始。iPhoneでもAndroidでも対象機種購入でApple Musicが6ヵ月無料!

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

携帯電話

ソフトバンクのiPhone 8がお得に買える!買うならここがおすすめ!

【最大50%オフ!!】セブンネットショッピングの「ブラックフライデー」でおトクにお買い物をする方法 – ゲームやCDなどがマジで安い!

セール

セブンネットショッピングでブラックフライデー セールが開催!最大50%オフで買い物ができるぞー。これは安い!


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

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

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


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




同じカテゴリの記事

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

キャンペーン

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

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

キャンペーン

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

【ポイント100%還元】ひかりTVショッピングで3,000円以上のお買い物で3,000ポイントもらえるクーポン配布中! – お得にお買い物する方法

キャンペーン

キャンペーンにエントリーできるのは3月30日23:59まで!クーポンが使えるのは4月10日3:59までです。

Google Playで映画1本50%OFFレンタルクーポン配布中! – 「スター・ウォーズ/フォースの覚醒」を半額でレンタルする方法

キャンペーン

「スター・ウォーズ/フォースの覚醒」や「オデッセイ」が今すぐ半額でレンタルできるぞ!


新着記事

【日向坂46クリスマスライブ】「ひなくり2019 ~17人のサンタクロースと空のクリスマス~」の生配信を見る方法 – dTVチャンネル独占生配信

エンタメ ・芸能

12月18日に幕張メッセで開催される日向坂46のクリスマス・ライブ 「ひなくり2019 〜17人のサンタクロースと空のクリスマス〜」がdTVチャンネルで独占生配信!

【毎月11日&22日】ワイモバイルの「ゾロ目の日特別セール」でスマホを激安でゲットする方法

セール

Yahoo!JAPANワイモバイルオンラインストアで毎月11日と22日にスマホが激安で販売される「ゾロ目の日特別セール」が開催!

【新機能&バグ修正】『iOS 13.3』アップデートの内容や新機能、みなさんのつぶやき、口コミ、評判、不具合報告などまとめ – iOSをアップデートする方法

iPhone / iPad

iOS 13.3が登場!スクリーンタイムのペアレンタルコントロールの機能追加&バグ修正が主なアップデート内容になります。AirDrop攻撃にも対応。

【2020年ジェラピケ福袋】『gelato pique(ジェラートピケ)』の福袋をゲットする方法 – 販売時期、ショップまとめ。12月11日に多数登場!

福袋

毎年超人気のジェラードピケのルームウエア福袋。2020年も登場!各ショップの販売日時をまとめました


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【LINE】自分が操作しているスマホの画面をリアルタイム共有する方法 – スマホやアプリの操作方法等を簡単にシェア!

    LINEを通して両親や友だちなどにスマホやアプリの操作方法などを教える、紹介する時にマジ便利!


    【Youtube】動画の再生速度を変更する方法 – iPhone、Android、PC対応

    スロー再生の0.25倍から倍速再生の2倍まで7段階で再生速度を変更できる!


    【オススメ返礼品紹介】おトクに『ふるさと納税』する方法まとめ – 自分がいくら寄付できるかの計算方法

    まだやってない人向けに「ふるさと納税」をできるだけわかりやすく書いてみた(つもり)


    【誤爆対策】LINEで送信済のメッセージを消す『送信取消』機能の使い方&削除との違い – 既読/未読時はこうなる

    ついに実装!iPhone・Android対応。LINEで送ったメッセージ、スタンプ、写真などが消せる!ただ「削除」と「送信取消」が紛らわしいのでご注意を


    LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠し&ディズニースタンプをゲットする方法。取り放題も開始!

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています。会員制のディズニースタンプも登場!


    注目の記事をぜんぶ見る

  • 最新記事

    【日向坂46クリスマスライブ】「ひなくり2019 ~17人のサンタクロースと空のクリスマス~」の生配信を見る方法 – dTVチャンネル独占生配信

    12月18日に幕張メッセで開催される日向坂46のクリスマス・ライブ 「ひなくり2019 〜17人のサンタクロースと空のクリスマス〜」がdTVチャンネルで独占生配信!


    【毎月11日&22日】ワイモバイルの「ゾロ目の日特別セール」でスマホを激安でゲットする方法

    Yahoo!JAPANワイモバイルオンラインストアで毎月11日と22日にスマホが激安で販売される「ゾロ目の日特別セール」が開催!


    【欲しすぎる!!】ポケモン×吉野家=『ポケ盛』吉野家の牛丼のモンスターボールデザインの「ポケ盛専用ドンぶり」をゲットする方法&キャンペーン内容まとめ

    モンスターボールデザインの吉野家牛丼の「ポケ盛専用ドンぶり」が登場!ただ食べるだけじゃもらえない。。


    【新機能&バグ修正】『iOS 13.3』アップデートの内容や新機能、みなさんのつぶやき、口コミ、評判、不具合報告などまとめ – iOSをアップデートする方法

    iOS 13.3が登場!スクリーンタイムのペアレンタルコントロールの機能追加&バグ修正が主なアップデート内容になります。AirDrop攻撃にも対応。


    【2020年ジェラピケ福袋】『gelato pique(ジェラートピケ)』の福袋をゲットする方法 – 販売時期、ショップまとめ。12月11日に多数登場!

    毎年超人気のジェラードピケのルームウエア福袋。2020年も登場!各ショップの販売日時をまとめました


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

  • usedoorをフォロー


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

    【開催中!!】3ヵ月299円と激安!Amazonの読み放題サービス「Kindle Unlimited」に超おトクに登録する方法

    本やコミック、雑誌が読み放題になるAmazonのKindle Unlimitedがまたまた激安で利用できるチャンス!


    【キャッシュバック】ソフトバンクのiPhone XRを激安で購入する方法

    ソフトバンクのiPhone XRが激安!通常よりお得に買えるぞ!


    Amazon Music Unlimitedを90日間無料で利用する方法 – 通常の30日から90日に延長!非プライム会員も対象

    Amazonの音楽聞き放題サービス「Music Unlimited」が90日間も無料で体験できちゃう!


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

  • あわせて読みたい記事