格安SIM(MVNO)料金徹底比較・まとめ! - 最安の格安SIMを調べる方法

新着を見る



最終更新 [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がハマった状態でツイート画面が立ち上がります。

つぶやいて欲しいなぁ…

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

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


< この記事をシェア >




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

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


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

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




新着記事

Googleアカウントを完全に削除する方法 – もちろん全サービス停止。消えるデータ一覧など

Google

Googleアカウント削除で消えるデータ一覧など。削除する時に預けてるデータ量にマジでビビる。。

Gmail、Youtube、Google+のサービス利用を個別に停止する方法 – アカウントから切り離すことができる

Google

Googleアカウント自体は残して、中にあるサービスを個別に停止することができる

Apple『Airpods』をWindows10マシン(PC)とペアリング(接続)する方法

ガジェット

AirPodsはApple謹製だけど普通のBluetoothイヤフォン。Windowsマシンにももちろん使えますよー

【スプラトゥーン2セット抽選受付中!!】「ニンテンドースイッチ」を予約・購入する方法

ゲーム

[7/28]ヤマダウェブコムで抽選販売受付中!ジョーシンWEBでモンハンモデルの抽選販売受付中!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    151に電話するだけで最大20,000dポイントがもらえる『ドコモ特別割引クーポン』 – ドコモでお得に機種変更する方法

    ドコモユーザーは必見です!機種変更前に絶対に確認した方がいいドコモ裏サービス!?


    【発売!!】激安!!ドコモの新機種『MONO MO-01J』を一括648円で購入する方法 – 機種変更も対象!

    機種変更もこの価格!月々サポートが切れているドコモユーザーはチェックしてみて!


    ふるさと納税の考え方、自分がいくら寄付できるかを調べる方法&オススメの納税方法

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


    注目の記事をぜんぶ見る

  • 最新記事

    Googleアカウントを完全に削除する方法 – もちろん全サービス停止。消えるデータ一覧など

    Googleアカウント削除で消えるデータ一覧など。削除する時に預けてるデータ量にマジでビビる。。


    Gmail、Youtube、Google+のサービス利用を個別に停止する方法 – アカウントから切り離すことができる

    Googleアカウント自体は残して、中にあるサービスを個別に停止することができる


    Apple『Airpods』をWindows10マシン(PC)とペアリング(接続)する方法

    AirPodsはApple謹製だけど普通のBluetoothイヤフォン。Windowsマシンにももちろん使えますよー


    【スプラトゥーン2セット抽選受付中!!】「ニンテンドースイッチ」を予約・購入する方法

    [7/28]ヤマダウェブコムで抽選販売受付中!ジョーシンWEBでモンハンモデルの抽選販売受付中!


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

  • 人気記事ランキング

    【スプラトゥーン2セット抽選受付中!!】「ニンテンドースイッチ」を予約・購入する方法

    【スプラトゥーン2セット抽選受付中!!】「ニンテンドースイッチ」を予約・購入する方法

    [7/28]ヤマダウェブコムで抽選販売受付中!ジョーシンWEBでモンハンモデルの抽選販売受付中!...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アップデート オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 料金 新規契約 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • あわせて読みたい記事