キャリコ

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

  おすすめ記事

  関連記事

スマホ用クリック課金型広告【 nend 】をブログに導入しました

nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …

LINE が本気だしてきた!エイベックス、ソニーミュージック、サイバーエージェント、グリーなどと新会社設立

今日の Gunosy 朝刊で驚きのニュースを知ったキャリコ( @calicoca …

なければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon

イギリスで一人暮らしをするかもしれないキャリコ( @calicocatxyz ) …

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

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

アクセスアップには Twitter を極めるのが近道な理由とメリット
アクセスアップには Twitter を極めるのが近道な理由

時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …

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

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

Googleが マテリアルデザイン化された750個のアイコンを配布

10月も後半に入り冷え込んできたのにセントラルヒーティングの付け方がわからないキ …

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

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

【 保存版 】フリー写真素材サイト超絶まとめ61選
【 保存版 】フリー写真素材サイト超絶まとめ61選

ブログのアイキャッチなら任せろ、キャリコ( @calicocatxyz )です。 …

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

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