ワードプレスでプラグインを使わずにSNSアイコンを設置する方法

SNSアイコン ワードプレス
スポンサーリンク

こんにちは、グラフィックデザイナーのyoenです。

今回は以下のようなSNSアイコンをワードプレスのプラグインを使わずに基本機能で設置する方法です。案外小さくまとまってかわいいアイコンができますので使い勝手はいいかもしれません。

私の使っているテーマのCocoonでは確か丸型のアイコンはコードはCSSあたりを設定しないと出来なかったと思います。

標準でこのクオリティのアイコンが使えるのは大変便利だと思います。

それでは行きましょう。

スポンサーリンク

ワードプレスでプラグインを使わずにSNSアイコンを設置する方法

場所はここです。「ブロックの追加→ウィジェット→ソーシャル」です。

ソーシャルアイコン

以下のブロックが出てきます。出てきたらアイコン横の「+」をクリック、次に全て表示をクリックで追加できる全てのアイコン候補が表示されますので任意のアイコンを選びましょう。

これだ毛ではなく。たくさんあります。

ここでは、Twitterを選んでみました。

設定項目でアイコンのタイプをデフォルト(丸型)、アイコンのみ、カプセルの3種類から選べます。

それぞれ小さくまとまって使い勝手は良さそうですね。

あとはSNSアイコンをクリックするとアドレスを入力するところが出てきますのでコピペか入力しておしまいです。

ブロックの位置を左右に設定すると下の段が横に流れ込んでしまうので配置するときは次の段にスペーサーを挿入するか空の段落を挿入してください。

スポンサーリンク

まとめ

いいですね。私もちゃんと覚えてブログに反映していけたらと思いました。

それでは、よきブログライフを。

WordPressでブログを始めるなら私も使っているエックスサーバー がオススメです。

ワードプレスをインストールした状態で契約できるので導入がとても簡単便利です。

高い品質を誇るレンタルサーバーサービスを、 手ごろな料金でご利用いただくことが可能です。高速サーバー・充実の多機能・高い安定性できっと満足出来ますよ。

詳しく記事にしていますので良かったらあわせてどうぞ。

ワードプレス
スポンサーリンク
デザイナーのひとりごと

コメント