サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年3月2日 16:48
パソコン上では、グローバルナビの部分が中央に揃っているのですが、スマホでは左に寄ってしまいます。
なので、スマホのグローバルナビ（ヘッダーモバイルメニュー）を中央に揃える方法やcssを教えて頂きたいです
こちらがサイトになります。
2021年3月2日 17:06
前略、のぐちーのさん
現在、メニューはひとつだけですので、「ヘッダーモバイルメニュー」の代わりに、「通知エリア」を使えば良いような気がします。
わいひら reacted
2021年3月2日 17:30
のぐちーのさん
あと、Cocoonの親テーマのバージョンが少し古いようです。
アップデートしておいた方が良いのかもしれません。
その際は、WordPressのバージョンとPHPのバージョンも確認した方が良いかもしれません。
また、まったく余計なお世話なのですが、子テーマのCSSファイルの
188行目に全角の空白があり、
196行目はメディアクエリの閉じ括弧が足りないようです。
聞かれてもいないことで、すみません。
わいひら reacted
トピックスターター 2021年3月2日 21:10
ありがとうございます！
通知エリアで解決しました。
cssファイルのご指摘ありがとうございます。
cocoonアップデートの方させていただきました。
PCのみ、ホームの記事一覧のアイキャッチ画像が小さくなってしまったのですが、どのように拡大すればよいでしょうか。↓
また、カエレバの部分がテキストとくっついており（空白がない）、cssをどう修正すれば良いか、知りたいです。
https://magazin-review.net/finished-manga
こちらも私のミスですが、ご回答いただければ幸いです。
2021年3月2日 21:24
のぐちーの さん
プラグインの Autoptimize をお使いでしたら、一旦停止してみてください。
2021年3月2日 21:30
のぐちーの さん
WordPressのブロックエディタ―の仕様が変わってきたため、Cocoonも本文の余白の仕様を変更しているようです。
.cstmreba {
margin-bottom: 1.4em;
}
このような感じで、ご対応いただければと思います。
わいひら reacted
2021年3月2日 22:04
のぐちーの さん
スキンの Season (Winter) ですと、いま、表示されているような感じになるかと思うのですが・・
2021年3月2日 22:14
のぐちーの さん
最近、スキンを変更したりしませんでしたか？
2021年3月2日 23:55
のぐちーの さん
プラグインのAutoptimizeとCocoonの高速化設定を併用すると不具合が出るようです。
併用しなくても、Cocoonの場合は、使わない方が無難なような気がします。
トピックスターター 2021年3月3日 03:50
---------------------------------------------- サイト名：マガ人 サイトURL： https://magazin-review.net ホームURL： https://magazin-review.net コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css スキン：/wp-content/themes/cocoon-master/skins/skin-season-winter/style.css WordPressバージョン：5.6.2 PHPバージョン：7.4.12 ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate, br 言語：en-US,en;q=0.9,ja;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.2.7.4 カテゴリ数：28 タグ数：128 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.2 style.cssサイズ：5566バイト functions.phpサイズ：455バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：1 Font Awesome：5 Auto Post Thumbnail：0 Retina：1 ホームイメージ：/wp-content/uploads/2021/02/sau7LKPQzJoJx2n1612321535_1612321541.png ---------------------------------------------- ブラウザキャッシュ有効化：1 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：1 WEBフォントLazy Load：1 ---------------------------------------------- 利用中のプラグイン： Akismet Anti-Spam 4.1.8 All in One SEO 4.0.15 BackWPup 3.8.0 Category Order and Taxonomy Terms Order 1.5.7.4 Classic Editor 1.6 Contact Form 7 5.4 EWWW Image Optimizer 6.0.3 Google XML Sitemaps 4.1.1 No Self Pings 1.1.5 Permalink Manager Lite 2.2.9.6 PS Auto Sitemap 1.1.9 Redirection 5.0.1 Regenerate Thumbnails 3.1.4 SiteGuard WP Plugin 1.5.2 WebSub/PubSubHubbub 3.0.3 WP Multibyte Patch 2.9 ----------------------------------------------
サイトのURLはこちらになります↓
キャッシュ系は停止し、高速化も無効にしました。
スキンの変更は同じ種類でSummer→Winterへの変更ですが、1ヶ月位前にしています。
返信の方、ありがとうございます！
2021年3月3日 09:34
のぐちーのさん
PCのみ、ホームの記事一覧のアイキャッチ画像が小さくなってしまったのですが、どのように拡大すればよいでしょうか。↓
これ、どうもスキンの不具合のようです。
ブラウザの拡大率を100％に戻してみると、改善されるかもしれませんが、画面幅が1241pxから1280pxの間のサイズになったとき、サムネイル画像が小さく、スニペットが右に寄ってしまうみたいです。
この投稿は4年前ずつリフィトリーに変更されました
2021年3月3日 09:36
のぐちーのさん
わいひらさんが修正くださるまで、以下のコードで、一時しのぎとしてください。
@media screen and (max-width: 1280px) {
.entry-card-content {
margin-left: 0 !important;
}
}
わいひら reacted
トピックスターター 2021年3月3日 15:41
スキンの不具合だったのですか。
わかりました。
コードの方、本当にありがとうございます！
とても助かりました。
2021年3月3日 15:49
よく考えたら、スキンの不具合というより、Cocoon の 改良を少しずつ行っていたら、スキン作成時とのズレが生じてきたため、と言った方が良いのかもしれません。
2021年3月3日 19:24
SeasonスキンにCSSを適用しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
2021年3月4日 23:55
@yhira さん
以下のコードは、一時しのぎにと私が書いたものですが、Cocoon設定の「カラム」タブの設定で、デフォルトよりカラム幅を広くした場合、また、同様の症状が出てしまう画面幅の幅域が生じてしまうような気がして、ちょっと心配になりました。
@media screen and (max-width: 1280px) {
.entry-card-content {
margin-left: 0 !important;
}
}
あまり詳しく確認していないのですが、スキンのCSSファイルの208行目あたりのマージンに !important を付けたらどうかと思ったのですが、いかがでしょうか？
.entry-card-content {
margin: 0 !important;
flex: 3;
}
この投稿は4年前 3回ずつリフィトリーに変更されました
わいひら reacted
2021年3月5日 19:15
こんな感じで修正してみました。ちょっと重複にはなるけど。
https://github.com/yhira/cocoon/commit/648526144efcf545837253559d0518cf1e04ac9a
リフィトリー reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。