満を持して発表されたBlueskyのロゴだから、早速自分のブログに表示させたいよね。
というわけで、ソーシャルプロフィールに簡単に表示できる二つのプラグインを見つけた。
1.Simple Social Icons
Simple Social Icons は、ソーシャルプロフィールにリンクさせるアイコンを表示する、使いやすく、カスタマイズ可能なプラグインです。 リンクするプロフィール情報を簡単に選択でき、アイコンの色やサイズをカスタマイズしたり、ウィジェットで左、中央、右にそろえたりすることができます (設定ページは必要ありません)。
情報源: Simple Social Icons – WordPress プラグイン | WordPress.org 日本語
あのMediumにも正式対応していたことで、以前お世話になっていたプラグイン。
Mediumにも正式対応していたくらいだから、Blueskyにも正式対応済みなのは当然ってところか。
対応サービスの一覧を見ると、MastodonもThreadsもあるし、あなたがよほど特殊なソーシャルに属していない限り、そのアイコンは見つけられることだろう。
プラグインをインストールしたら、外観＞ウィジェットで、表示させたいSNSのURLをコピペするだけ。
情報源: Simple Social Icons 「ミニマルなソーシャルアイコンウィジェット」をチューニング | ALOG
簡単に使えて、デザインもお好みにカスタマイズできる。
2.Menu Icons
僕が現在使用しているのが、Menu Icons。
Spice up your navigation menus with pretty icons, easily.
情報源: Menu Icons by ThemeIsle – WordPress プラグイン | WordPress.org 日本語
なんでSimple Social Iconsを使用していないかと言えば、それは、このブログテーマ Elmastudio Ukuとの相性の問題。
ウィジェット型だと、表示位置がキマリにくいのだ。
その代わり、カスタムメニューは豊富だ。
それならばメニュー自体にアイコンを表示して仕舞えばいいと思ったわけだ。
さらに、このプラグインは、アイコンフォントだけではなく、画像も表示することができるのが特徴だ。
Menu Iconsは、簡単にWordPressのメニューにアイコンを表示することができるプラグイン。 アイコンフォントだけではなく、画像も表示することができるのが特徴だ。 ただ表示される一覧から選ぶだけ。 Font Awesomeに移動してCSSクラスを見つけてくるなんて労力も不要だ。
情報源: Menu Icons「WordPressのメニューにアイコンを表示するプラグイン」 | ALOG
ロゴのダウンロード
Blueskyのロゴは、media kitとして誰でもダウンロードできる。
永遠の素人としては、SVGがどうしたなんてことはわからない。
だから、ダウンロードしたPNGを、そのまま使用している。
ただ、サイズだけ、Macのプレビューで変更した。
外観＞メニューで選ぶだけ
この画像をメディアライブラリにアップロードさえすれば、メニューで選ぶだけ。
出来上がったメニューは、このブログの下部に表示されているはずだ。
モノトーンのブログの中に青く輝くバタフライ。
色を統一しようかと思ったけれど、しばらくは、このままで行こうかな。
ソーシャルメディアにバタフライエフェクトで変化をもたらす、その最初の羽ばたきを行う者になるという、デザインに込められた願いに敬意を表して…