サイドバーにSNS・RSSフォローボタンをつける方法ブログ運営TOEIC・英語エクセルパワポ体験談IT調査みらしん読者の未来に、少しでも役立つネタを配信するブログ。2018年12月29日WordPress(STINGERテーマ)を使用していて、サイドバーにSNS・RSSのフォローボタンをつけたい方に、読んでほしい記事です。ブログのサイドバーに、ツイッターやRSSなどのフォローを促すため、以下のようなボタンを設置しました。フォローボタンのデザイン、変更方法は下記のブログを参考にしています(というか、ほぼ一緒です)。【参考】【STINGER5】サイドバーにSNSフォローボタンを追加してみようもし同じように、サイドバーにSNSやRSSのフォローボタンをつけようと考えているのであれば、本記事を参考にカスタマイズを進めてみてください。カスタマイズにあたり、まだ子テーマを作成していないようであれば、先に子テーマを作成することをオススメします。子テーマのメリットと作成方法スポンサーリンクPC300×250「sidebar.php」のコード変更まず、使用しているFTPサーバーの子テーマフォルダ内に「sidebar.php」がない場合は、親テーマのフォルダ内にある「sidebar.php」のファイルをそのまま子テーマ内にコピーします。(子テーマを使用しない方は、親テーマの「sidebar.php」を直接いじっていきます。)コピーした「sidebar.php」内の下記コードを変更します。ここまで-->「Twitter」のコードにある【※ここにTwitterのアカウントURL(例:https://twitter.com/miraisyndrome)を入れてくだい※】を墨付きカッコも含めて削除し、自分のアカウントURLを入れてください。「Facebook」のコードにある【※ここにFacebookのアカウントURL(例:http://www.facebook.com/miraisyndrome)を入れてくだい※】を墨付きカッコも含めて削除し、自分のアカウントURLを入れてください。「feedly」のコードにある【※ここにドメイン名(例:mirasin.com)を入れてくだい※】を墨付きカッコも含めて削除し、自分のドメイン名を入れてください。Me!」の文字を変えたいようであれば、コードの<h4></h4>の中に書かれている文字を変更してください。メモを残しておくと、コードを見返すときに便利になります。(無くても反映されます。「style.css」はデザインを担当するコードのため、SNS・RSSのフォローボタンのデザインはここで実装していきます。タブレットサイズ」より前に、以下のコードを追記します。(子テーマを使用しない方は、親テーマの「style.css」を直接いじっていきます。メモを残しておくと、コードを見返すときに便利になります。(無くても反映されます。)これで、サイドバーにSNS・RSSのフォローボタンをつけることができました。それぞれのボタンを押してみて、それぞれのサービスが立ち上がれば完成です。サイト上にエラーが表示されてしまった場合、コードの記述をミスしている可能性があるので、コードの記述を確かめてみてください。何もデザインに変化がない場合、古いデザインのキャッシュが残っている可能性があるので、キャッシュの削除をおこなってから、サイトの更新をおこなってみてください。本記事は、以上になります。コピペですぐに実装ができると思いますよ。勉強法を探している方に、読んでほしいブロ...2023/01/10ママが2人目の出産で里帰り!子供と2人きりのパパが好かれるためにやったこと子供と2人きりで過ごすパパに、読んでほしいブログです。虫歯を減らしたい方に、読んでほしいブログです。個人ブログだけどTwitter広告を掲載してみた歯根嚢胞の摘出手術をしたので、治療や費用などをブログに書くよ結婚式の印刷物を即日格安で印刷できるキンコーズが超素敵!1万円の資金で株を始めたので、株の始め方を書いておくよこのブログを書いている人ネット企業ではたらくサラリーマンです。今までの知識や経験が、少しでも誰かの役に立てればと思い、ブログを開設しました。ブログ運営・TOEIC・英語・エクセル・IT関連のネタなど、定期的に情報を配信しています。ツイッターで気になる情報をつぶやいています!私のツイッターお問い合わせは、以下の宛先にお願いします!私のメールアドレス※内容によってはご返信できない点、ご了承ください。調査みらしん読者の未来に、少しでも役立つネタを配信するブログ。