前までブログのサイドバーにTwitterが提供している公式のフォローボタンを設置していたんですが、先日、レスポンシブ対応のボタンにカスタマイズしました。そのついでにFeedlyボタンも設置しました。LINKレスポンシブ対応のSNSボタンを設置する方法TwitterやFeedlyのフォローボタンを設置する最も簡単な方法は、各サイトに言ってボタンを作り、そのコードを貼り付けることです。公式が提供しているボタンはレスポンシブデザインに対応していませんしサイズも不揃いなので、CSSでボタンを自作した方がいい場合もあります。いうわけで、私も作ってみました。当ブログのSNSボタン(サイドバー下部)SNSボタンのカスタマイズはとても簡単。当ブログはWordPressのSimplicityを使用していますので、まずWordPressのダッシュボードを開き、ウィジェット→サイドバーにテキストウィジェットを追加。テキストウィジェット内に以下のコードを貼り付けます。class="blogicon-rss"></i></a></div>上記コードはそのまま使うことができません。ツイッターコード部分にある、「ここにTwitterアカウントを入力」のところを、自分のTwitterID(@は外す)に書き換えてください。feedlyコードの「ここにfeedのアドレスを入力」ですが、これはまずfeedlyの公式サイトへ行き、feedlyボタンを作る必要があります。ボタンを作ると、このようなコードが出力されます(以下のコードは当ブログのもの)。height='28'></a>このコード1行目にある「http://~自分のサイトアドレス」部分をコピーし、「ここにfeedのアドレスを入力」の箇所にペーストしてください。上記コードなら、http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fhttps%3A%2F%2Fwww.hiroseyonaka.comの箇所ですね。次にCSSでボタンを装飾していきます。今回はTwitterとFeedlyの2つを設置するので、外観→カスタマイズ→追加CSSを開き、以下のCSSを貼り付けます。#65c7f2;}これでレスポンシブ対応済みSNSボタンの設置が完了しました。ボタンを増やしたいときは、width:50%の数値を変更してください。努力を一切せず「ながら習慣」だけで指を長くする方法おしゃれで美しいサインを作成できるWEBサービスまとめコーラックは何時間で効く?1粒から10粒までの統計結果を取りましたモーニング娘。佐藤優樹による後輩イジメが深刻...殴る蹴る暴言吐くなどもうやりたい放題デザインの参考に!おしゃれなタブメニューを導入しているサイトまとめ冷蔵庫なし生活や災害時に役立つ、常温保存できる食品リスト【第13回】佐藤優樹と消耗していく娘。’14時代の7~9月Android端末所持のままNHKの放送受信契約を解約する方法また現メンバーが腐るぞ!カガシステム発動がモー娘。’17とハロプロに及ぼす悪影響マンション管理会社から謎の着信履歴...その理由は家賃計算ミスイオンバイクの自転車5台を超本音レビュー!購入する際の参考にどうぞ【第1回】佐藤優樹と消耗していく娘。以前10着のアイテムで作る「シンプルなのにセンスが良い」ベーシックファッションスタイル嫌なことを後回しにする癖がある人に試してほしい「5つのアイデア」モー娘。無味に飽きたらちょい足しで変化を。音楽NewMBSヤングタウン土曜日2018年6月9日書き起こし※解説つきSimplicity人気記事ウィジェットのサムネイルを長方形にする【第13回】佐藤優樹と消耗していく娘。【第12回】佐藤優樹と消耗していく娘。【第11回】佐藤優樹と消耗していく娘。【第10回】佐藤優樹と消耗していく娘。【第9回】佐藤優樹と消耗していく娘。【第8回】佐藤優樹と消耗していく娘。