【最新版】格安SIM(MVNO)料金徹底比較・まとめ - 携帯料金が絶対下がるぞ

新着を見る



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

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




新着記事

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

国や地方の制度

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

【LINE】タイムラインに大文字で投稿する方法 – 文字がデカいので目立つ。強調したいときにどうぞ

LINE

文字がけっこうデカくなるので目立つ。タイムラインを強調したい時に。

【12/3深夜0時~】伝統の一戦『エル・クラシコ』を無料で見る方法

スポーツ

スポナビライブなら無料でクラシコ(バルセロナ VS レアルマドリード)が視聴できるぞ!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    SIMフリー端末が対応しているバンド、ネットワークを超簡単に調べる方法 – 日本のキャリア回線のバンドとの照らし合わせも超ラクチン!

    いちいちメーカーの仕様書とか探さなくてもサクッと対応バンドがチェックできて便利。日本完全対応


    【12月おすすめ】格安SIM(MVNO)料金徹底比較・まとめ! – 最安の格安SIMを調べる方法

    「BIGLOBE SIM」には、YouTubeやAbemaTVなどのデータ通信量が無料になるオプションがある!


    LINEモバイルに申し込みしてみた。登録方法、価格、プラン、注意点などまとめ【限定20,000名】

    LINEモバイルのデータカウント対象・非対象や価格、支払いなど申し込み方法を書いてみた


    【Android版LINE】画面上部に表示される通知のみを非表示(OFF)にする方法

    バージョン6.2.0から画面上部にポップアップ風の通知が。。消すのが難しい。。


    注目の記事をぜんぶ見る

  • 最新記事

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

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


    【LINE】タイムラインに大文字で投稿する方法 – 文字がデカいので目立つ。強調したいときにどうぞ

    文字がけっこうデカくなるので目立つ。タイムラインを強調したい時に。


    【12/3深夜0時~】伝統の一戦『エル・クラシコ』を無料で見る方法

    スポナビライブなら無料でクラシコ(バルセロナ VS レアルマドリード)が視聴できるぞ!


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

  • 人気記事ランキング

    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auユーザーは必見!機種変更前に絶対に確認した方がいいauMNP引き止めサービス!お得にiPhone7をGETできるかも!?...


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

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

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


    ランキングを見る

  • 使い方 カテゴリー

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

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


  • サイト運営・コード・htmlの他の記事

    FacebookのOGPキャッシュを削除する方法

    間違ったものがキャッシュされていたら…


    サイト運営・コード・htmlの記事一覧