Twenty Elevenでソーシャルボタンを設置してみた!

Twenty Elevenでソーシャルボタンを設置してみた!

2012年9月8日

WordPressのデフォルトテーマ「Twenty Eleven」にテーマを戻して以来、なかなかカスタマイズに手が回りませんでしたが、今回ようやくソーシャルボタンのカスタマイズを行うことができました。

まずはボタン画像を探す

探してみるといろいろあって目移りしてしまいますが、お気に入りのアイコンを探してダウンロードしてみましょう。

↓こちらフリーのいい感じのアイコンがたくさんあります!

保存したアイコンをFTPでアップロード

僕の場合、ロリポップのユーザ専用ページからロリポップ!FTPで、/→[wp-content]→[uploads]フォルダに画像ファイルをアップロードしました。そして、画像をアップロード後、その画像のURLをメモしておきます。

 ウィジェットの設定

いろいろ設定の方法はあると思いますが、今回は初心者向きで簡単な方法で設定してみました。

WordPressのダッシュボードから[外観]→[ウィジェット]と進み、利用できるウィジェットの中の「テキスト」をメインサイドバーなど設置したい場所へドラッグします。ドラッグしたテキストウィジェットを開き、下記の記述を追加します。

 <a href=https://”ソーシャルページのリンク先”/>

<img src=http://”アイコン画像のURL” border=2/>
</a>

※ 「”」は削除してください。

上の記述を追加したら保存して閉じるでOKです。

僕の場合はこんな感じに表示できました!

810miru