Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

草村
草村
@kusamura_mono
Registered
Estimable Member
結合: 2018年11月13日 13:50
Last seen: 2020年9月12日 00:43
トピック: 0 / 返信: 174
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

momoさん、はるさん動作確認ありがとうございます! おかげで原因がわかったかもです。このテストでは「ページを表示したタイミング」の1回しかouterHeightの値を取得していません(Cocoonのモバイルボタンも同じような状態)最初の1回だけ高さを取得しても、safe-area-inse...

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

momoさん本当にありがとうございます! (ここからちょっと独り言的な内容です) すべてのboxにmin-height:50px; box1はpagging-bottom:0; box2はpadding-bottom:20px. box3はpadding-bottom:...

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

momoさんありがとうございます。 box3の横に数字がないですが、リロードしてみたら表示されますか?

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

momoさんありがとうございます! 前回のはちょっと記述が足りなかったかも。こっちだとどうですか?

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

momoさん動作確認のご協力ありがとうございます。私も実機を持っていれば色々試せるのですが…もどかしい ? 一度、「本来の正常動作」について整理させてください。 momoさんが確認してくださったスクリーンショットはすべて「本来はモバイルボタン全体が隠れる」のが正常かと思います。見分けるポイ...

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

一応、不具合について補足しておきます。 position:fixedは通常ブラウザ(ページ全体)を基準に位置の設定がされますが、祖先(親以上の)要素にtransformが設定されていると基準がその要素になります。これはCSSの仕様だったと思います。 再現性が低いのは、スクロールイベントによっ...

2年前
フォーラム
返信
RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい

こんにちは。 こちら先日別の不具合に対応した事で起きたものと思われます。 下側のモバイルメニューが押しにくい時(iPhoneのホームバー問題) ひとまず translateY(0) とした部分を none とする事で一応表示されるはずです。が。noneとした場合でも、モバイル...

2年前
フォーラム
返信
RE: 下側のモバイルメニューが押しにくい時

こんにちは。 スクロールした時に隠れる動作をtransformで制御する方法に変えるとどうなるでしょうか。 私は実機を持っていないのでよければ確認できる方お試しいただけると助かります。確認の際は、追加したCSS(margin-bottom: env(safe-area-inset-botto...

2年前
返信
RE: ブログカードを無効にしても表示される

気になって調べたのでご報告です。 「JetPack>設定」ページの「執筆>メディア」にある「画像を全画面のカルーセルギャラリーで表示する」が原因かと思います。 これを有効にするとカスタムデータ属性の「data-image-description」の中に「説明」のテキストが挿入されます。改行が...

3年前
フォーラム
返信
RE: HTML縮小でソースコードブロックの改行が消える

ローカル環境で確認した所不具合が解消されました! 迅速な対応ありがとうございました!

3年前
フォーラム
返信
RE: HTML縮小でソースコードブロックの改行が消える

了解です。 整形済みブロックなど他のブロックで代用出来ますし、個人的には急ぎではありませんので他を優先していただいて大丈夫です! よろしくお願いいたします。

3年前
フォーラム
トピック
返信
RE: 横並びのバナーが重なってしまいます。

leafytreeさん 確認ありがとうございます! 同じくIE11で、でしょうか?うちのIE11だと余白はクリック範囲ではないようでした。IEは摩訶不思議なバグが多いのでなかなか難しいですね…何がどうなってるのやら(- -;)

3年前
フォーラム
返信
RE: 横並びのバナーが重なってしまいます。

こんにちは。 うちのIE11だと以下のコードではみ出なくなりました。inline-blockの指定があるとおかしくなる??ようでした。 .elementor-widget-image .elementor-image>a,.elementor-widget-image .elementor-i...

3年前
フォーラム
返信
RE: ダウンロードについて

こんにちは。 私のiPhone8 iOS13.3でもダウンロード出来るようです。 ところでブラウザのスクリーンショットを見る感じツールバー等のデザインが私のiPhone Safariと異なるのですがお使いのブラウザはSafariで間違いないでしょうか? 機種が違うので仕様が違うのかもですが気になりま...

3年前
返信
RE: 【再】表ブロックで中央揃えにするとテーブルスクロールが表示されない

わいひらさん他の部分まで細やかな対応ありがとうございます!横スクロールは普段使ってなかったので不安でしたがうまくいったようで安心しました。 えふめんさんうまく表示されたようでよかったです!ソースコードを提示してくださってたのでテストしやすかったです!

3年前
フォーラム
返信
RE: 【再】表ブロックで中央揃えにするとテーブルスクロールが表示されない

こんにちは。 #post-27686の修正前、Cocoon2.0.8.1でテストしました。 以下のコードで横スクロールと中央揃えどちらも正常に表示されるように思うのですがどうでしょうか?(max-widthは左・右揃え用です。) figure.wp-block-table[class*="align...

3年前
フォーラム
返信
RE: ランキング表示で特定の記事がカウントされていないようです

こんにちは。 PVは全期間の数でしょうか?人気記事ウィジェットの集計期間の設定はどうなっていますか?  2020-02-03.png

3年前
フォーラム
返信
RE: パネルにある「色指定」について

こんにちは。 同じ色全てにチェックマークが付くのが意図通りかはわからないのですが、下段の6色は拡張色で、デフォルトでは白色になっています。 「管理画面>Cocoon設定ページ>エディター」で拡張A~Fの色を設定できますので以下のページをご確認ください。 Gutenbergカラーパレットに好みの色を追...

3年前
フォーラム
返信
RE: 人気記事のウィジェットが使えません

こんにちは。 Cocoonのアクセス集計は有効にしていますか?  2020-01-13-162239.png

3年前
返信
RE: 最新版のモバイルメニュー検索について

わいひらさん なるほどです。iPhoneでは記述があってもなくても動作するのは確認済みですので、ご都合に合わせていただければと思います。 お疲れさまでした!

3年前
フォーラム
返信
RE: 最新版のモバイルメニュー検索について

わいひらさん ありがとうございます!iPhoneでも確認して問題なかったです。 あと、changeに変えた事でタグ名の判別が不要になったので if( e.target.tagName == 'INPUT' ) {の判定を無くして以下で大丈夫でした! $('#search-menu-input')...

3年前
フォーラム
返信
RE: 最新版のモバイルメニュー検索について

※1回のクリックでlabelとinputの2回分イベントが発生するためタグ名で判別しています。 こういう時はchangeがいいみたいですね。 $('#search-menu-input').change(function(e){

3年前
フォーラム
返信
RE: 最新版のモバイルメニュー検索について

お疲れさまです。 iPhoneで確認した所、フォーカスされキーボードも起動しました!(ダウンロードしてアップロードしたCocoonのバージョンは2.0.3です) 原因が解明してよかったです。 ついでに要望なんですが検索フォームをクリックで表示して、検索をせず背景の黒い部分をクリックして閉じてもキーボ...

3年前
フォーラム
返信
RE: 最新版のモバイルメニュー検索について

画像の部分を削除してみましたが、iPhoneでもダメでした? あと、「2.0.0.3のjavascript.js」を丸々コピペして書き換えてもダメでした。 ※前回書き忘れましたがiPhoneのブラウザはSafariです。

3年前
フォーラム
返信
RE: 最新版のモバイルメニュー検索について

iPhoneにて試してみました。 以下フォーカス・キーボードの動作に関する備考はスマホの状況です。実機がないと分かりづらいかと思いますが参考になれば幸いです。 Cocoon 2.0.0.3~12月2日の報告までの間の更新に何か原因がありそう? 【2.0.0.3】スマホ:フォーカス○、キーボード○PC...

3年前
フォーラム
返信
RE: テーブルの一列目を固定した時の現象

私が最初に確認した端末はiOS13.2.3でkchanさんが撮ってくれた動画と同じ状況でした。 これは iPhoneだと.scrollable-tableではなくテーブルに固定されてるみたいです。 ↑この状態なのでAkiraさんのCSSと合わせて以下を適用でiOS12の端末でも固定されました。 .s...

3年前
返信
返信
RE: テーブルの一列目を固定した時の現象

こんにちは。 私の環境だと以下のCSSを適用すると固定が正常になりました。iPhoneだと.scrollable-tableではなくテーブルに固定されてるみたいです。 .scrollable-table table { max-width:none;}

3年前
返信
RE: 小さい画像でもサムネイル表示の縦横比を揃えたい

こんにちは。 アス比の計算が煩雑なのを解消したいって事でしたらこちらが参考になるかもしれません。 環境がないのでしっかり試せてませんがこんな感じで使えばうまくいくかもです。 .card-thumb { position:relative;}.card-thumb:before { conten...

3年前
フォーラム
返信
RE: ブログの本文内の[ad]ショートコードが反映されない

こんにちは。 気になって試したんですが「クラシックエディタで記事を作成した場合」本文にコメントアウトがあると[ad]が広告に変換されない…???ようです。 ▼こういう記号(<!-- -->)に囲まれたテキスト <!-- ここに文字 -->これを全部削除しても表示されないですか...

3年前
返信
RE: 目次に戻るの自動挿入について

この記事を書いた頃から仕様の変更があったりするので、仕様の変更かあるいはブログ設定の違いで「設定するリンク先」が変わっているみたいです。 コードの7行目と if( is_amp() ) {10行目 }を削除すれば機能するかと思いますのでお試しいただけますでしょうか。 ※サポート対象について”Coco...

3年前
フォーラム
返信
RE: 目次に戻るの自動挿入について

こんにちは。 その記事を書いた草村と申します!ご覧いただきありがとうございます。 コードの19行目にある次の部分を }, $content, -1).$back_toc.PHP_EOL;次のように変更する事で本文最後に挿入しないように出来ます。 }, $content...

3年前
フォーラム
返信
RE: 画像を挿入するとブロックが重なる

最初のポスト書いたURLは別の質問のためにうっかり上書きしてしまったので、再現して作り直しました。 そうだったんですね。もう一度ページを作ってくださってありがとうございます! 確認して、私もテスト環境でかうたっくさんの書かれたコードや、画像の配置など色々試してみましたが、おかしい所が見当たらずわかり...

3年前
フォーラム
返信
RE: 画像を挿入するとブロックが重なる

画像を左寄せにしているからではないでしょうか? 左寄せ(float:left;)の効果としては正常に見えますがGutenbergのクラシックブロックは少し編集し辛いですね。 私は画像の左寄せを使った事がなかったので編集画面での動作が仕様かどうかわかりませんが… トピ主さんは今回以前は画像を左寄せにし...

3年前
フォーラム
返信
RE: iPhone Safariでの固定モバイルヘッダーの動きについて

私もiPhoneXは持っていないので、杢目さんが確認してくださって助かりました。 お二人ともお疲れ様でした(^^*)

3年前
フォーラム
返信
RE: iPhone Safariでの固定モバイルヘッダーの動きについて

ご確認と結果のご報告ありがとうございました! おかげで原因が特定出来たので、修正してくださると思います。 うちのブログ見てくださって嬉しいです!お役に立てていたら幸いです?

3年前
フォーラム
返信
RE: iPhone Safariでの固定モバイルヘッダーの動きについて

こんにちは。 もしかしてiPhoneXでしょうか。 だとしたら以下のコードが原因かもしれません。フッターボタン用のスタイルがヘッダーにも適用されているっぽいです。 .mobile-menu-buttons { padding-bottom: constant(safe-area-inset-b...

3年前
フォーラム
返信
RE: ブログカードのタイトルが”https"

こんにちは。 気になったのでテスト環境で「https」というタグをつけた記事を作成して、さらに新規作成した記事に存在しないページの内部URLを貼ったら【「https」の記事一覧】のブログカードになりました。(リンクはタグページではなく貼ったURL) たとえば ttps://URL がブログのホームア...

3年前
返信
RE: グローバルメニューを違うところに貼り付けたいです。

こんにちは。 横から失礼します。これでどうでしょうか? .toggle-wrap .navi-in > .menu-mobile { display: flex;}@media screen and (max-width: 767px) { .header-container-in >...

3年前
フォーラム
返信
RE: モバイルメニューの検索ボックスの挙動について

わいひらさん 1.8.7.2にアップデートして試したら、ズームは改善され前回添付した画像と同じ状態になりました! iPhoneでは検索ボタンタップと同時にスクロールも起きるので画面サイズの違う端末で見え方も変わってくるかも?と思い、ついでなので手元にある端末で確認しました。 iPhone8/iPho...

3年前
フォーラム
返信
RE: モバイルでヘッダーロゴを非表示にしたい

こんにちは。 こちらで非表示に出来るかと思います! /* ヘッダーロゴを非表示 */@media screen and (max-width: 1023px) {.logo-header {display: none;}}*うちのブログに同じコード掲載してるので修正します(^^;)

3年前
フォーラム
返信
RE: モバイルメニューの検索ボックスの挙動について

わいひらさん テスト環境で現在のCocoonと同じスキン「Bizarre-food(グリーンソバ)」を適用して試しましたが、改善されていません。 このスキンの場合フォームにフォントサイズが指定されているのでそちらが優先されるようです。 子テーマのstyle.cssに以下を追加して、検索ボタンをタッチ...

3年前
フォーラム
返信
RE: タブボックスのタブと枠線に隙間があります。

チリツモですね!笑修正ありがとうございます!

3年前
フォーラム
返信
RE: タブボックスのタブと枠線に隙間があります。

わいひらさん ありがとうございます! ちなみにですけどline-heightの単位(em)は無くても大丈夫です!細かい事ですが(>д<;)

3年前
フォーラム
返信
RE: モバイルメニューの検索ボックスの挙動について

わいひらさん Cocoonのトップページで試しました。iPhoneだとinputにフォーカスした時、ズームされて表示がおかしくなります(添付画像) この現象はフォントサイズが16px未満の時に発生するので、#search-menu-content .search-editに16px以上のフォントサイ...

3年前
フォーラム
返信
RE: google adsenceの関連コンテンツユニット設置時に出る空白を消したい

こんにちは。 子テーマのstyle.cssをWindowsのメモ帳で編集して保存したりしましたか? 縮小したコードの子テーマcssの先頭に変なスペースがあったので文字チェックしたら&#65279;が入ってました。 BOMありで保存すると紛れ込むみたいです。 もしかしたら文字コードUTF-8 BOMな...

3年前
返信
RE: タブボックスのタブと枠線に隙間があります。

度々失礼します。 よくよく考えたらtop:-1.8em;とline-height:1.6;が一致していないから隙間が出来るので、同じ数字にすればいいですね!? ズーム機能を使うと小数点以下のpxをレンダリングする関係で1px程ズレたりすると思うので、そこはブラウザ依存なため完全解決は難しいかも…

3年前
フォーラム
トピック
返信
RE: タグが真っ白になってしまいました。

こんにちは。 ソースが圧縮されていて見づらいので、詳しく見てもらいたい時は高速化設定の縮小化を解除して、回答をお待ちいただけると助かります。 テスト環境で試しましたが、スキンでタグクラウドに背景色が指定されていないのが原因みたいです。 修正される案件かもしれませんが、とりあえず子テーマのstyle....

3年前
フォーラム
固定ページ 1 / 4

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な回答があった場合は「いいね!」もご活用ください。回答者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました