サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年9月18日 13:13
お世話になっております。
tecurioスキンを使用しております。
囲みボタンを作成するときに、ボタンが上部にずれて表示されてしまいます。
これだけなら特に問題はないのですが、マイクロコピーを下に入れて上寄せにしても、ボタンとの隙間が開いてしまうので困っております。
添付画像は編集画面ですが、更新するとこのままの雰囲気でずれて表示されます。
他のスキンでは問題なく、他のサイトでtecurioスキンを使用した場合も同様になりました。
不具合なのでしょうか？
トピックスターター 2022年9月18日 13:40
あらためて検証したところスキンを変えてもずれました。
スキンのせいではなさそうなので、改めて解決方法考えます。
不適切でしたら、ご迷惑おかけし申し訳ございませんがトピック自体の削除をお願いいたします。
2022年9月18日 13:53
megmegrさん
具体的にどこのことをおっしゃっているのか、正直私にはわからないです。
編集画面の矢印の部分のことでしょうか。
編集時（更新前）、更新後も状態は変わらず同じです。
特に問題を感じないのですが。
わいひら reacted
トピックスターター 2022年9月18日 14:03
2022年9月18日 14:08
megmegrさん
隙間が空くというよりは、黄色い部分がなくなったように見えますが。
添付画像は編集画面のものでしょうか。
それと、環境情報のご提示をお願いします。
URL部分は削除していただいて構いません。
【追記】
「こちらをクリックして～」の文言がないので、実際のページ表示っぽいですね。
私は変わらないんですよね、今のところ。
どうすれば再現するのか・・・。
わいひら reacted
2022年9月18日 14:15
プレビュー画面・更新後は隙間が空いてしまう状況です。
上記がどういう状態なのか分からないですが。
私の環境では、実際のページ表示は変わらないです。
「更新」したとしても、編集画面の表示も更新前後で変わりはないようです。
【追記】
「こちらをクリックして～」の文言がないので、実際のページ表示っぽいですね。
私は変わらないんですよね、今のところ。
どうすれば再現するのか・・・。
わいひら reacted
トピックスターター 2022年9月18日 14:19
何度もありがとうございます。
私が添付した画像2枚のうち、黄色い部分がある方が編集画面、ない方が更新後の該当ページです。
環境設定はこちらで大丈夫でしょうか？
コンテンツ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-tecurio-mango/style.css
WordPressバージョン：6.0.2
PHPバージョン：7.4.28
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.9
カテゴリ数：1
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 5.0
SiteGuard WP Plugin 1.6.1
XML Sitemap & Google News 5.3.3
----------------------------------------------
2022年9月18日 14:25
megmegrさん
環境情報を拝見しても、思いつくところはないですね。
私の環境では、今のところ実際のページ表示は、まったく変わらないです。
（編集画面も変わりませんけれど）
ちなみに、スマホ（iPhone）をご利用でしょうか。
PCでも同様の事象は発生しますでしょうか。
わいひら reacted
トピックスターター 2022年9月18日 14:58
@mk2_mk2 環境情報のご確認、ありがとうございます。
iPhoneとiPadから確認してこのような状況でした。
PCでも確認したいところですが、手元になく難しいです。
今まではちゃんと表示されていたとかではなく、最近作ったこのサイトで初めて囲みボタンを作ったらこうなりました…。
他に2サイト持っているので、比べてたりして検証してみます。
2022年9月18日 15:02
megmegrさん
もしよろしければ、テストページ等でも構いませんので、実際の表示がどうなっているのか、こちら側（私だけでなく他の方にも）で、確認できる状態にしていただくと、何か分かるかもしれないです。
（分からないかもしれません）
再現したいのですが、残念ながら私の環境では、今のところ再現しないです。
こちらの環境でも再現できれば、確認したり調べたりできると思うのですが、どうすれば再現できるのか・・・。
わいひら reacted
トピックスターター 2022年9月18日 15:56
@mk2_mk2 ご返信ありがとうございます。
WordPressを触るのは私だけなのですが、一緒に仕事をする者がおりましてサイトを公開したくないそうです…。
ちなみに、先程矢印で示していただいた黄色の部分は、囲みボタンがずれないサイトの編集画面では狭くなっていて(添付画像)、問題ある方の編集画面とは少し違いました。
今提供できる情報だけですと再現が困難かと思いますので、もう少し調べてみます。
2022年9月18日 16:33
megmegrさん
スマホからなもので、簡単に。
WordPressを触るのは私だけなのですが、一緒に仕事をする者がおりましてサイトを公開したくないそうです…。
それは仕方ないです。
ただ、当該サイトでなくとも、同様の環境のテストサイトのご提示でもかまわないのですけれど。（再現すれば。初期状態ドメインなどでも。）
今のところ、私の環境では再現しませんし、今の状態では不具合の確認・調査ができないです。
再現する方をお待ちになるしかないかもしれないです。
わいひら reacted
2022年9月18日 19:11
僕の環境でも再現されないようです。
実物を見れないので推測するしかないのですが、何かしらCSSに問題があるのかもしれません。
不具合が出る環境と正常表示できる環境があれば、ChromeのデベロッパーツールでボタンやマイクロコピーのCSSの状態に差がないかを比較するしかないかもしれません。
トピックスターター 2022年9月19日 14:27
トピックスターター 2022年9月19日 14:38
@yhira 他サイトでもCocoonのお世話になっております、素敵なテーマをありがとうございます。
どなたの環境でも今のところ再現されないのですね。
まだ固定ページと投稿の2つしか作っていなかったので、(意味ないのでしょうけれど)エックスサーバーからドメイン削除してWordPress再インストールみました。
SSL設定とパーマリンクの設定、Cocoonインストールと有効化して、他は何もいじらず新規投稿から囲みボタン作ったら再現しました…。
他の方が再現するのを待って、フォーラムをちょくちょく見にこようと思います。
ご提供できる情報が少ない中、ご対応いただきありがとうございました。
2022年9月19日 19:12
サーバーがエックスサーバーなら、エックスサーバー特有の問題の可能性もあります。
例えば、エックスサーバーの高速化を無効にしてみるとか。
ただあくまで推測なので、確かなことはわかりません。
2022年9月19日 19:19
megmegrさん
先にも書かせていただきましたが。
閲覧する端末の可能性もあり得るかもしれないという気もしています。
（何となくです、そうでないかもしれません）
iPhone・iPadだけでなく、PC（Windows・Mac）等でもお試しいただきたいです。
お手元にないのであれば、ご友人・職場・ネットカフェなどもご検討ください。
その場合でも、このフォーラムを見ている方が確認できない状態だと、なかなか難しいところはあるかもしれないです。
（でも、何が原因か分かれば、前進だと思います。）
p.s.
あれから、Androidでも確認しましたが、問題なさそうでした。
もし、Windowsでも発生するのであれば、環境の問題の可能性もありそうな気はします。
（megmegrさんと私とでは、何かが違うということに）
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。