On The One !!!!

Funk is, Also what you don't play.

*

【作業メモ】フラットなソーシャルボタンを設置

      2015/02/02

フラットデザインのSNSシェアボタンを設置した。
このページは、お仕事サイトの実験場でもあるので、あまり必要無いものも設置したりします。

スクリーンショット 2015-02-01 18.03.38

下記サイトを参考にさせていただきました。

今どきのフラットなソーシャルボタンをWordPressに実装したのでソースコードを公開!

以下、補足メモ
・記事の【「single.php」に貼り付けるコード】は、「php the_content();」の下に貼り付けた
・「feedly」用のコードで、URLを書き換えた
・【style.cssに貼り付けるコード】は、スマホ用CSSを使用
・CSSソース内の、SNSコーナーに続けて貼り付けた

当初、使用していたテーマでは、スマホで上手く表示できなかったが、テーマ自体のバージョンをアップしたら解決した。

 

【追記】
・タイトルに半角の「&」を使うと、Twitterでのシェアで「&」以降が消えてしまう。全角の「&」を使うように。

LINEに送る はてなブックマーク Google+でシェア Follow on Feedly

 - wordpress

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

    None Found