WordPressのデフォルトテーマ「Twenty Eleven」にテーマを戻して以来、なかなかカスタマイズに手が回りませんでしたが、今回ようやくソーシャルボタンのカスタマイズを行うことができました。
まずはボタン画像を探す
探してみるといろいろあって目移りしてしまいますが、お気に入りのアイコンを探してダウンロードしてみましょう。
↓こちらフリーのいい感じのアイコンがたくさんあります!
保存したアイコンをFTPでアップロード
僕の場合、ロリポップのユーザ専用ページからロリポップ!FTPで、/→[wp-content]→[uploads]フォルダに画像ファイルをアップロードしました。そして、画像をアップロード後、その画像のURLをメモしておきます。
ウィジェットの設定
いろいろ設定の方法はあると思いますが、今回は初心者向きで簡単な方法で設定してみました。
WordPressのダッシュボードから[外観]→[ウィジェット]と進み、利用できるウィジェットの中の「テキスト」をメインサイドバーなど設置したい場所へドラッグします。ドラッグしたテキストウィジェットを開き、下記の記述を追加します。
<a href=https://”ソーシャルページのリンク先”/>
<img src=http://”アイコン画像のURL” border=2/>
</a>
※ 「”」は削除してください。
上の記述を追加したら保存して閉じるでOKです。
僕の場合はこんな感じに表示できました!