Cocoonフォーラム

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.3カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------●確認結果[Cocoon...

背景画像の縦横比を450:1600で保持し画面幅に合わせる為、文字も画像なので当然小さくなります。（注意）画像そのものの大きさを変更する場合、上記の数値も変更して下さい。

●追加CSSの以下を削除 #appeal-in { background-image: url("https://at-contents.com/wp-content/uploads/2022/07/7966bae78213db11914ad7af893f8431.jpg"); ba...

@suzu1005 さん 調査を依頼している中、最低のマナーとして、設定を変更するのは止めて下さい。今見ると、アピールエリアが消えています！設定が変わり、調査のしようがありません。こうなると、ご自分で対策して下さいとしか言えなくなります。 1.png

件名の問題はクローズしているので、以下のトピックスとします。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.2カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------問題があります。図示のチ...

以下を子テーマCSSか、追加CSSに追加。例:#fffの部分がテキストカラーになります。 .navi .sub-caption { color: #fff; } 1.png

@sundubu さん HP見たらCSS追加できたみたいですね。本件ですが、別件でバグとして対策してもらいました。 Cocoon バージョン：2.4.7.2で対策されています。

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.2カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------●確認結果修正されている...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.1カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------再確認しました。1023...

YES。

●追加モバイルメニューの切り替わりがちぐはぐに思えます。 画面幅1023px以下の時、ヘッダーモバイルボタン、フッターモバイルボタンが表示 画面幅834px以下の時、トップメニューが表示 「モバイルボタン時コンテンツ下のサイドバーを表示」、1023px以下でサイドバーが折り返し表示 ...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.7.1カテゴリ数：19タグ数：140ユーザー数：1----------------------------------------------確認しました。動作に疑問...

.wp-block-contact-form-7-contact-form-selector(Contact Form 7のブロック)内に.article-footer(Cocoonの投稿本文下)があり。タグチェックをかけると<div>、</div>の数が合いません。Cont...

●現象画面幅835px～1023pxの時、ヘッダーメニューが表示されなくなる。 ●原因[Cocoon設定]→[モバイル]→モバイルメニュー「ヘッダーモバイルボタン 」の時[外観]→[メニュー]PCとモバイルでヘッダーメニューを設定しているが切り替えが以下となっている。 ヘッダーメニュー：...

●確認結果上記の該当ページ、iPhone+Safariで表示させ。フリーズする事なく表示されました。 1.png

@yhira さん 本件ですが、私は未対応だと思っていました。見出しに対して擬似要素を用い、修飾する事は、スキン「てがきノート」だけに限らず多々あると思います。 そもそも見出しにアンカーを用いる事が異例だと思っています。ページの構成として、本来、目次から、該当の章に遷移し、その中で話が閉じる...

●別案以下のCSSを追加する。 /* 擬似要素のクリックを無効にする */ .article h2:before, .article h2:after { pointer-events: none; }

●対象WordPressバージョン：6.0.1 ●確認結果wp_list_categorieswp_list_categories親に子の投稿件数が合算され、正しく出力された。

@msg さん本件の原因と対策を書いたので、確認願います。

@yhira さん 以下に同じ問題が書かれています。このページの参考フォーラムにも同様な書き込みが。

●補足他テーマ「Twenty Seventeen」に変えても同じ現象が発生しました。

@yuamama さん 直ってよかったです。私も眠れなくなりそうでした笑はじめJetPackの画像遅延読み込みが原因かと、うたぐったのですが。確か似たような現象をフォーラムで見た事があったと... 以下を参考にTwitterの解除をしてみては？

@yhira さん ●現象類似の現象が以下のフォーラムにあげられ。 ●環境iPhone+Safari ●確認結果センシティブがあるツイートを投稿に埋め込んだ場合、ページが固まり。そのページを放置していると「○○○(該当URL)問題が繰り返し起きました」が表示される。上記、フォーラムで、問...

プラグイン全停止で変わらないのは謎ですね。 少し気になったのは、フォーラムのこちらと同じような現象に思え。 唯一、他のページとの違いは、以下のtwitterの埋め込みにエラーがあるか否かと。文中のTwitterブロックを削除しても同じですかね？ 2022-07-12_16h34_43....

@yuamama さん PCで画像を見ると「jetpack-lazy-image」をなっており。遅延読み込みしているように思えます。「Jetpack」を無効にしても同じですか？無効にした後、ブラウザのキャッシュをクリアしてから、ページ表示してみて下さい。

@yuamama さん 一旦、全て無効にして確認し。その後、１つずつ、プラグインを有効化して、動作を確認してみて下さい。これで、どのプラグインが影響しているのか分かると思います。

●現象メニューなどのリンクが何も反応しません。iPhoneで放置していると「ｈttps://hari-beauty.com/902/問題が繰り返し起きました」となり、画面がグレーになります。 ●確認のお願いプラグインを無効にして確認してみて下さい。「Jetpack」が気になります。 ●補足C...

[Cocoon設定]→[ボタン]の注釈に書いてありますね。すみません、この注釈を見てmax-widthの矛盾に気づいたわけではなく。完全に注釈は見逃してました。 2022-07-11_22h34_03.png

@yhira さん ----------------------------------------------テーマ名：Cocoonバージョン：2.4.7カテゴリ数：20タグ数：140ユーザー数：1----------------------------------------------修正...

●発見の経緯トップに戻るボタンを画像にし、クリックした時、その画像を変化させる事を考え。その時、画像が指定できる事に気づき。試しに画像を設定したら、小さく、.go-to-top-button-imageのmax-widthの指定されているのに、なぜ？.go-to-top-buttonとの矛盾を感じた...

@horyu918 さん 該当部分を全て置き換え、単純に以下でいいのかなと。 /* ボタン文字をグラデーション */ .button06 a { align-items: center; background: linear-gradient(-75deg, rgba(236,...

フォーラムに書き込むと403となり苦笑 ●対策inputエリアをボタンも含める。以下のコードをCSSに追加する。 #a2a_modal input#a2a_copy_link_text {left: 0;padding-left: 51px;}  c478b1a6dedb966...

●現象図のリンクボタン（青枠）をクリックした際、クリップボードにURLコピーされない。但し、テキスト（緑枠）をクリックした際、クリップボードにURLがコピーされる。 ●原因input（緑枠）の位置がボタンと重なっていない。結果、コピー対象としてならないのでは？

大小どちらが良いか判断に悩みます。max-widthが無効となっていたので、記述しました。

以下です。 .widget_categories a::before { font-family: "Font Awesome 5 Free"; content: "\f07c"; } /* 子のリスト */ .widget_categories .children a::...

----------------------------------------------テーマ名：Cocoonバージョン：2.4.6.2カテゴリ数：20タグ数：140ユーザー数：1----------------------------------------------以下のスキンが修正されて...

本件ですが、親テーマのスキンに問題がある事が分かりました。ありがとうございます。

●手順[Coocon設定]→[全体]→サイト幅の均一化「サイト幅を揃える」をチェック ●原因親テーマスキン「いつものコヒー」に問題があります。.contentに、margin-left,margin-rightの定義があり。「サイトを揃える」とした時、その分がはみ出し、.contentがずれてし...

●補足URLの特定文字が画像（ＧＩＦ）として誤認識されているようです。↓半角にして入力して下さい。https://ｇifujimu.com

●補足 3列2行で表示されるようにしたいです。 上記コードを以下に修正して下さい。メニューを3列にするなら、width: 50%;→33%またメニューを左寄せなら、justify-content: center;→start

以下が根本対策になります。●原因オンにすると、bodyに.no-mobile-header-logo付加されない。この為、背景画像の高さをしていしているセレクタが異なり、背景画像が消えてしまう。（ヘッダーロゴを非表示としているので、高さを持つ要素がない） .no-mobile-header-lo...

●補足 Ver2.4.6の時、モバイルヘッダーの高さ調整で、親style.cssが変更になっています。この時、.no-mobile-header-logo .header .header-inの定義が追加され。 bodyのclassを見ると.no-mobile-header-logo...

★の部分にエラーがあり、反映されていません。下線部の文字コードが違うのかエラーとなっています。再入力して下さい。 ●96行目.profilepage-link a {___font-size: 10px;★} 155行目#header-container .navi-in > ul l...

[Cocoon設定]→[モバイル]で以下の設定のチェックがはずれてませんか？確認願います。  1.png

@omochikun さん 子テーマCSSか、追加CSSの一番下に以下を追加。 @media screen and (max-width: 1023px) { #navi .navi-in > .menu-mobile { display: flex; } }