キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

コピペで OK!バイラルメディア風オリジナル SNS ボタンの設置方法

   

コピペで OK!バイラルメディア風オリジナル SNS ボタンの設置方法

思っていた以上に上出来、キャリコ( @calicocatxyz )です。

Facebook を見ていると、たまに気になる記事がタイムラインに流れてくることがあります。その中にバイラルメディアもあったりするのですが、記事の下部にアイキャッチ画像を使った SNS ボタンが配置してあったのです。

もしかしたら見たことがある人もいると思いますが、いいな~なんて思っていたらタイムリーな記事を見つけたのです。ままはっくを運営している、まなしば( @manami1030 )さんの記事だったのですが、今回はそれをちょっと改良しました。

リンクFacebookページいいねやTwitterフォロワーが倍増!バイラルメディア風オリジナルSNSボタンの設置方法【WordPress】

ありがたや、ありがたや~ってことで、それじゃあラテよろしくね♪

ラテ

こんにちは、ラテにゃ。

バイラルメディア風オリジナル SNS ボタンの設置は STINGER5 に合うようにレスポンシブに改良したにゃ。あとはサイズや文言を少し変更したくらいで、まなしばさんのソースをほぼ流用しているにゃ。

Ads by Google

バイラルメディア風オリジナル SNS ボタン

ソースコード

html

css

変更するのは2か所で、【 Facebook の URL 】の部分を差し替えるだけにゃ。

PC での見た目

PC での見た目

スマホでの見た目

スマホでの見た目

効果は人それぞれ

まなしばさんは設置してから1か月100いいねくらいで増加しているそうですが、キャリコの場合は3いいねしか増えなかったにゃw この辺は人気ブログがそうじゃないかで明暗が分かれそうな感じがするにゃ。

まとめ

効果はさておき、キャリコの場合は自己満足度が高い仕上がりになったにゃ。アイキャッチは目を引くし、なかなかのインパクトがあると思うにゃ。背景の色や文言を変えれば、さらにオリジナリティーが高まるにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

  おすすめ記事

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

Twitter のフォローボタンとタイムラインプラグインを設置しよう

退院したはいいものの、2kg も太ったキャリコ( @calicocatxyz ) …

Facebook の変更に合わせた記事の拡散につながる OGP 設定【 最新版 】

口内炎に苦しんでるキャリコ( @calicocatxyz )です。 そりゃペペロ …

キャリコでも導入!今さら聞けない pocket の登録方法と使い方

久しぶりにハングオーバー、キャリコ( @calicocatxyz )です。 飲ん …

個人アカウントとどう使い分けてる?SNS との付き合い方
個人アカウントとどう使い分けてる?SNS との付き合い方

SNS とは付かず離れずの関係、キャリコ( @calicocatxyz )です。 …

WordPress で「 下書きを保存しています… 」が永遠に終わらない原因はロリポップの WAF だった

STINGER5 以外のテーマを扱ってみたキャリコ( @calicocatxyz …

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

新ドメイン『.xyz 』を選んだ理由

ただ今イギリス滞在中のキャリコ( @calicocatxyz )です。 新しくブ …

Google+ ページを作って Google+ バッジを設置しよう

今年はサッカーかぶれのキャリコ( @calicocatxyz )です。 本田選手 …

ロリポップの FTP で2つ目の独自ドメインを設定する方法

イギリスのリーズに滞在中のキャリコ( @calicocatxyz )です。 東京 …