キャリコ

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

  関連記事

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

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

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax の年間平均クリック単価は62円?!

そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …

お題に答える「 言えるかな? 」が面白い!キャリコも問題作ったよ!

47都道府県を全部言えませんでした、キャリコ( @calicocatxyz )で …

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

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

Web アイコン Font Awesome の最新版 Version 4.4.0 が公開
Web アイコン Font Awesome の最新版 Version 4.4.0 が公開

良いタイミングで気付いた、キャリコ( @calicocatxyz )です。 半年 …

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

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

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

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

medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話
medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話

収益が2倍、キャリコ( @calicocatxyz )です。 掲載場所も変えずに …

Feedly のフォローボタンを設置してブログの購読者を増やそう

Avicii にメロメロ、キャリコ( @calicocatxyz )です。 彼の …

SNS 連携サービス「 Paper.li 」の登録方法。キャリコ新聞も創刊したよ!

ひょんなことから新聞を創刊したキャリコ( @calicocatxyz )です。 …