SWELLの「ヘッダー」や「この記事を書いた人」にSNSアイコンを設定する方法を解説します。
- SWELLで設定できるアイコンの種類
- ヘッダーにSNSアイコンを設する方法
- この記事を書いた人にSNSアイコンを設定する方法
![Blog](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10.png)
この記事を書いた人
ブログ最高月25万円。SNS最高日給12万円。Twitter(X)フォロワー16,000人。ブログとSNSとSEOとAIがすき。MENSA会員。15この有料テーマを使い、テーマ制作もしてみた自称テーマおたく。
![Blog](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10.png)
この記事を書いた人
ブログ最高月25万円。SNS最高日給12万円。Twitter(X)フォロワー16,000人。ブログとSNSとSEOとAIがすき。MENSA会員。15この有料テーマを使い、テーマ制作もしてみた自称テーマおたく。
この記事を見れば、ヘッダーや、この記事を書いた人の欄に設定するSNSアイコンの設置は完璧です。
ぜひマスターしていってください!
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
それでは、まいりましょう!
![](https://hinakira.com/wp-content/uploads/2022/01/Manual-for-using-SWELL-使い方.jpg)
![](https://hinakira.com/wp-content/uploads/2022/01/Manual-for-using-SWELL-使い方.jpg)
SWELLで設定できるSNSアイコンの種類
SWELLで設定できるSNSアイコンの種類は、以下の11種類です。
- TikTok
- 楽天ROOM
- LINE
- Github
- Youtube
- Amazon欲しいものリスト
- Feedly
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
SWELLなら、たくさんのアイコン種類を設定できます。
SWELLでのヘッダーSNSアイコン
![SWELLでのヘッダーSNSアイコン](https://hinakira.com/wp-content/uploads/2022/10/SNSアイコンを設定-1-1024x420.jpg)
![SWELLでのヘッダーSNSアイコン](https://hinakira.com/wp-content/uploads/2022/10/SNSアイコンを設定-1-1024x420.jpg)
SWELLでのヘッダーにSNSアイコンを設定すると、上記のようになります。
上記は、すべてのアイコンを表示させた例ですが、もちろん「Twitter」だけとか「YouTube」だけといったことも可能です。
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
好みのものだけ設定できま~す。
ヘッダーにSNSアイコンを設定する方法
では、SWELLのヘッダーにSNSアイコンを設定する方法を見ていきましょう。
![外観→カスタマイズ](https://hinakira.com/wp-content/uploads/2022/10/外観カスタマイズ-2-1024x623.png)
![外観→カスタマイズ](https://hinakira.com/wp-content/uploads/2022/10/外観カスタマイズ-2-1024x623.png)
![SNS情報](https://hinakira.com/wp-content/uploads/2022/10/SNS情報-1024x596.png)
![SNS情報](https://hinakira.com/wp-content/uploads/2022/10/SNS情報-1024x596.png)
![表示させたいSNSのURLを入力](https://hinakira.com/wp-content/uploads/2022/10/表示させたいSNSのURLを入力-1-1024x625.png)
![表示させたいSNSのURLを入力](https://hinakira.com/wp-content/uploads/2022/10/表示させたいSNSのURLを入力-1-1024x625.png)
![公開をクリックして設定完了](https://hinakira.com/wp-content/uploads/2022/10/公開をclick-1-1024x606.png)
![公開をクリックして設定完了](https://hinakira.com/wp-content/uploads/2022/10/公開をclick-1-1024x606.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
これで、ヘッダーのSNSアイコン設定は完了です。
SWELLの「この記事を書いた人」のSNSアイコン
![SWELLの「この記事を書いた人」のSNSアイコン](https://hinakira.com/wp-content/uploads/2022/10/この記事を書いた人の-1-1024x494.png)
![SWELLの「この記事を書いた人」のSNSアイコン](https://hinakira.com/wp-content/uploads/2022/10/この記事を書いた人の-1-1024x494.png)
SWELLの「この記事を書いた人」のSNSアイコンを設定すると、上記のようになります。
もちろん、一部だけを表示することも可能です。
では、設定方法を見ていきましょう。
「この記事を書いた人」のSNSアイコンを設定する方法
では、次に「この記事を書いた人」のSNSアイコンを設定する方法を解説します。
![ユーザー → プロフィール](https://hinakira.com/wp-content/uploads/2022/10/ユーザー→プロフィール-1-1024x588.png)
![ユーザー → プロフィール](https://hinakira.com/wp-content/uploads/2022/10/ユーザー→プロフィール-1-1024x588.png)
![表示したいSNSのURLを入力](https://hinakira.com/wp-content/uploads/2022/10/表示したいSNSのURLを入力-1-1024x647.png)
![表示したいSNSのURLを入力](https://hinakira.com/wp-content/uploads/2022/10/表示したいSNSのURLを入力-1-1024x647.png)
![プロフィールを更新をクリック](https://hinakira.com/wp-content/uploads/2022/10/プロフィールを更新をクリック-1-1024x529.png)
![プロフィールを更新をクリック](https://hinakira.com/wp-content/uploads/2022/10/プロフィールを更新をクリック-1-1024x529.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
これで、この記事を書いた人のSNSアイコンも設定完了です。
まとめ|SNSアイコンを設定して、あなたが何者かをアピールしよう
SWELLはSNSアイコンを設定するのも簡単です。
SNSアイコンを設定することで、読者や検索エンジンに、あなたが何者かを伝えることが出来ます。
つまり、SEO対策になる可能性が。
というわけで、見られても良いSNSアカウントは積極的に開示しちゃいましょう。
では、今回は以上です。
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
またね!
コメント