Pocketこの記事では、左側のボタンを右側のボタンに変更する方法をお伝えします。方法に一部誤りがありましたので、訂正しました。)***************Stinger3をカスタマイズすることでHTML/CSSを学んでいる@h0saです。シンプルでカスタマイズしやすいWordpressテーマ、Stinger3をお使いの皆様。皆さんのSNSボタンの見た目はどのようになっていますか?Stinger3のデフォルトだと、このようになっているはずです。普通はあまり気にしないかもしれませんが、僕はデザイナーという職業柄かなり気になったので、他のSNSボタンと揃うようにはてブボタンのデザインを変更しました。簡単にできました!冒頭でもお伝えしたとおり、今回はそのやり方をシェアします。はてブボタンのデザインを変更する方法まずは以下のサイトへアクセス。はてなブックマークそして以下の手順ではてブボタンのコードを取得します。3は「仮」のものを入れておいてください。僕はこれを一時期ブログのトップページのアドレスを入力してしまっていました。これだと、各記事から「トップページ」がブックマークされることになってしまい、記事ごとにブクマされませんのでご注意ください。コードをコピーしたら、お使いのテキストエディタにペーストし、「仮」の部分を書き換えます。仮のアドレスは以下に書き換え。?>仮のタイトルは以下に書き換え。?>そして、自身のWordpressサイトで「テーマ編集」「sns.php」にアクセスして、書き換えたコードを該当部分にペーストして置き換えます。すると、以下のようにSNSボタンのデザインが揃います!おわりに以上、はてブボタンのデザインを変更して他のSNSボタンと見た目をそろえる方法をご紹介しました。Hosakaメーカー→IoTベンチャーを経て、グローバルなデジタルプロダクト会社に在籍するUXデザイナー。このブログではデザインやUXに関するクリエイティブネタを発信しています。