SNSシェアボタン、フォローボタンのCSS改善案 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/ Cocoon ディスカッション掲示板 ja Thu, 14 May 2026 13:56:10 +0000 wpForo 60 RE: SNSシェアボタン、フォローボタンのCSS改善案 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71586 Tue, 20 Jun 2023 10:45:10 +0000 ご確認いただきありがとうございます。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71586 RE: SNSシェアボタン、フォローボタンのCSS改善案 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71561 Mon, 19 Jun 2023 13:35:13 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.1.4
カテゴリー数：19
タグ数：148
ユーザー数：1
----------------------------------------------
SNSシェアボタン、フォローボタンの色が正しい事を確認しました。
本件をクローズとします。

CSSの改善ありがとうございます。

SNSシェア

SNSフォロー
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71561 RE: SNSシェアボタン、フォローボタンのCSS改善案 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71549 Mon, 19 Jun 2023 12:21:50 +0000 ありがとうございます。
いただいたコードを参考にしてCSSを編集してみました。
https://github.com/xserver-inc/cocoon/commit/6903cd30d8dbd8fe1b6d06f9b19a5dbb9cbaebbe#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7a

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71549 SNSシェアボタン、フォローボタンのCSS改善案 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71504 Mon, 19 Jun 2023 05:11:45 +0000 少しCSSのを見直してみました。
改善案を提示します。

SNSシェアボタン、フォローボタンに、ブランドカラーがあり。
現在、白抜き有無でCSSを、分けて記述しています。

仮にCSSプロパティ変数を「--cocoon-sns-color」とし、ブランドカラーを設定します。
これにより以下の部分を纏めれる事ができます。

●変更前

https://github.com/xserver-inc/cocoon/blob/d1ebd969244893cf2c28d27b2b2d6d43fc32d225/style.css#L1235-L1430

●変更後

https://notepad.pw/ds5O7dzkVd6wIHhksanI

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%80%81%e3%83%95%e3%82%a9%e3%83%ad%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%aecss%e6%94%b9%e5%96%84%e6%a1%88/#post-71504