サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024-02-28 08:25
お世話になっております。
2.7.1にアップデートしたところ、PC表示におけるSNSフォローボタンの形状が、ロゴマークのみの小さなボタンに変わり、左寄せとなりました。これにより、フォローメッセージ（中央寄せ）との位置関係が合わなくなっております（モバイル表示はこれまで同様かと思います）。
今後、この仕様となるのでしょうか？（仕様に合わせてCSSの調整が必要になってくるので確認です）
以上、よろしくお願いいたします。
2024-02-28 09:49
●原因
サイドバープロフィール下SNSフォローボタン
以下で中央寄せを削除している。
https://github.com/xserver-inc/cocoon/commit/a5823ce8d20d5349393f3f25c8f05873a40868e6#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7aL6538-L6540
本文下SNSシェアボタン
以下で均等配置を削除している。
https://github.com/xserver-inc/cocoon/commit/a5823ce8d20d5349393f3f25c8f05873a40868e6#diff-cca2dacda741af7100a2245cedb30d551e7878ddcbd04cd5a03a6d5dd67c9739L1541-L1545
本文下SNSフォローボタン
以下でボタン幅100%→40pxにした為、ボタン数によってボタン幅が変わらなくなった。
元々、中央寄せしていない為、左寄せとなってしまう。
https://github.com/xserver-inc/cocoon/commit/52d08c6a48714c231ff6e9f33896012b927f79b1#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7aL5992
わいひら reacted
Topic starter
2024-02-28 11:35
宙也さん、ありがとうございます。
SNSボタン関係のCSSが変更されているのは察しがつくのですが、sns-follow-messageが中央寄せのままだとちょっと…なので確認したかったのです。sns-follow-messageをCSSで調整することにします。
2024-02-28 12:44
●対策
モバイルボタンのSNSシェア、SNSフォローも左寄せになります。
この為、SNSシェア、SNSフォローを中央寄せとする。
但し、プロフィールが縦表示の時のみ、中央寄せとする。
.sns-buttons,
.nwa .author-box .sns-follow-buttons {
justify-content: center;
}
.author-box .sns-follow-buttons {
justify-content: unset;
}
＞わいひらさん
親テーマの確認、必要なら修正願います。
スキンは変更された事を考慮し、上記のコードを追加しています。
この為、対応に応じ、スキンのCSSから削除する必要があり。
2024-02-28 23:39
親テーマのSNSボタンは中央寄せに変更してみました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
スキンは変更された事を考慮し、上記のコードを追加しています。
この為、対応に応じ、スキンのCSSから削除する必要があり。
このスキンとはchu-yaさんのスキンのことをさしておられますか。
CSSが重複している全てのスキンのことでしょうか。
2024-02-29 00:08
ご確認&ご対応いただきありがとうございます！
メイドインヘブンスキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/46ed8adcaa1bc17ed03199da615b2b05a741b138
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。