キャリコ

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 ) …

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

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

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

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

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

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

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

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

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

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

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

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

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …

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

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

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

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