【SNSボタン】シェアボタンをオリジナルの画像にしたら超絶かっこよくなった件について【作り方】

公開日: 最終更新日:2013/09/29 ブログ , ,

DropShadow ~ Stinger SNSBOX 13 09 06

どうも、あぷまに@i_AppleMania)です。


WordPressのテーマ「Stinger2・3」の追尾型の固定SNSボタンのカスタマイズSNSボタンをオリジナルのものにする方法を紹介します。

各SNSボタンのコード

▼ アカウント名は、ツイート内容に「@○○さんから」を含めるためのものです。
いらない場合は入力しなくてもOKです。

僕の場合、画像の大きさは50×50です。

ツイートボタン トップページ用

ツイートボタン トップページ以外用

▼ 上記をご覧になればわかりますが、トップページとそれ以外のページでのコードの違いは、以下のようです。

以下からはトップページ用とトップページ以外用を作ると見にくくなるので割愛します。

「<?php echo home_url(); ?>」(トップページのURL)と、
「<?php the_permalink(); ?>」(トップページ以外のURL)

「<?php bloginfo(‘name’); ?>」(サイト名)と、
「<?php the_title(); ?>」(ページ名)

いいね!ボタン

Pocketボタン

はてなブックマークボタン

ちなみに

▼ 僕は丸い画像のアイコンにしました。iOS7のコントロールセンターをまねて。 スクリーンショット 2013 09 06 20 27 10


▼ Oh-Blogの@gyuuuuuuuu氏からアドバイス頂いた通り、枠線や背景を消したらかなりいい感じになりました!



僕もあまりSNSボタンをオリジナルのものにしている方はみかけません。
気になった方はぜひやってみてはいかかがですか?
Sponsored Link

GeekGlasses

新Webサイト開設しました!

GeekGlasses

Share

シェアしよう
  • Tweet
  • Pocket
  • Like

ブログの情報はこちらから!

個人アカウントはこちら!

サイドバーを見てみよう

PCの方は右、スマホの方は下にサイドバーが表示されています。
関連記事などなど、このブログに関する様々な情報を見ることできます!

ブログ , ,
公開日:
最終更新日:2013/09/29

GeekGlasses

新Webサイト開設しました!

GeekGlasses
to top
  • Tweet
  • Pocket
  • Like