Cocoonフォーラム

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

あげ(∩・ω・)∩

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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