こんにちは、ハナです。
CocoonブロブのサイドバーにSNSのアイコンを表示させたいと思ったことはありませんか?
何を今頃と言われるかもしれませんね😢😢
では、さっそく今回SNSのアイコンを表示させた手順を書いてみます。
SNSアイコンを表示させる方法
今回はサイドバーにSNSアイコンのみを表示させたかったのでその手順を書きます。
SNS情報を登録
管理画面 ⇒ ユーザー ⇒ プロフィールのページを開きます。
連絡先情報の所に自分が行っているSNSのURLを入力してください。
入力が終わったらプロフィール更新をクリックします。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_2.png?resize=572%2C469&ssl=1)
ウイジェットからサイドバーに表示させる
管理画面 ⇒ 外観 ⇒ ウィジェットを開きます。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_3.png?resize=578%2C392&ssl=1)
ウィジェットの『[C]SNSフォローボタン』を開き「サイドバー」を選びウィジェットを追加をクリックします。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_4.png?resize=216%2C355&ssl=1)
このように表示されました。
アイコンのみ表示させたいので①のSNSフォローボタンと②ハナをフォローするを消したいと思います。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_5_2.png?resize=357%2C202&ssl=1)
見出し「SNSフォローボタン」を消す方法
ウィジェットの『[C]SNSフォローボタン』を開き「サイドバー」を選びウィジェットを追加をクリックすると、サイドバーの下に下記のように表示されます。
SNSフォローボタンのタイトルの所に画像のように「!」をタイトル名の前に入力して保存するとタイトルは表示されません。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2023/01/0127.png?resize=652%2C354&ssl=1)
Cocoonサイトに書かれていました。
ハナをフォローするを消す方法
管理画面 ⇒ Cocoon設定 ⇒ Cocoon設定 ⇒ SNSフォローをクリックします。
フォローメッセージの赤枠の所を削除して保存します。
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_10.png?resize=800%2C388&ssl=1)
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_10.png?resize=800%2C388&ssl=1)
SNSアイコンのみの表示になりました
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_8_2.png?resize=358%2C120&ssl=1)
![](https://i0.wp.com/wakuwaku-blog.com/wp-content/uploads/2022/01/0118_8_2.png?resize=358%2C120&ssl=1)
より多くの方にブログに訪問してもらうためにもSNSの活用は大事です。
サイドバーにハナのようにアイコンのみ表示させたいという方のお役に立てれば嬉しいです。
コメント