[ryomasH]

【お使いの Snow Monkey のバージョン】20.0.1
【お使いの Snow Monkey Blocks のバージョン】19.1.0
【お使いの Snow Monkey Editor のバージョン】 9.2.1
【お使いのブラウザ】
PC：google Chrome
SP：google , Safari

【当該サイトのURL】

 

### 実現したいこと

スライダーブロックでSP表示での自動スライド

 

### 発生している問題

いつもお世話になっております。

 

snow monkey block

スライダーに関してご質問があります。

 

自動スライドを実装したいのですが、PC表示では正常に動作するのですが、

SP表示になると、タッチ検出でスライダーにタッチすると止まってしまいます。

SP版のスライダーですが、タッチ検出でスライダーにタッチすると止まってしまうため、こちらjavascriptにコード追加またはデフォルトの設定でスライダーにタッチしての自動スライダーを実行可能なようにできますでしょうか？

[キタジマ タカシ]

その場合にはセクションブロックなどを使うと思うのですが、この場合の拡縮リセットは可能でしょうか？

セクション（背景画像/動画）ブロックは仕様上難しい気がします。

カバーブロックであれば、下記のような CSS でそれっぽい感じにできそうです（実際にはブロックスタイルや CSS クラスをつくって必要なカバーブロックにだけ適用するのが良いと思います）。

.wp-block-cover {
    padding: 0;
    min-height: 0;
}

.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background,
.wp-block-cover-image .wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background {
    position: relative;
    height: auto;
}

.wp-block-cover__inner-container {
    position: absolute;
}

セクション（背景画像/動画）ブロックやカバーブロックで背景がトリミングされるようになっているのは、中のコンテンツに応じてブロック自体と背景がきれいに広がるようにするためです。背景が固定サイズだともし中身が多くなったときに背景が途中で途切れてしまったり、背景を優先するなら中のコンテンツが途中で途切れて見えなくなってしまったりします。

実務的には中のコンテンツの量は制作者がコントロールできるので背景が固定サイズというのもできるとは思うのですが、中にどんなコンテンツが入るか想定できない、みんなが使うブロックの場合は、ある程度どういうコンテンツが来てもきれいに見えるようにということを考えると、やはりセクション（背景画像/動画）ブロックやカバーブロックのような実装がベターということになるのかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

画像に文字を入れるというとは、HTML なテキストを画像に重ねるということは不要ということですよね？ それであれば画像ブロックを配置するのが良いと思います。画像ブロックはもともとのアスペクト比のまま表示されるので。基本的には max-width: 100% なので親のサイズに合わせて横幅は縮みますが、height: auto なのでアスペクト比を維持したまま高さも縮むはずです。

♥ 0

Who liked: No user

[Okabayashi]

キタジマさま、ご返信ありがとうございます。

お世話になっております。

 

項目ブロックの設定で、ミディアムウィンドウで２カラムの設定にしています。

できればこのまま２カラムのままでサイドバーも表示したいと思っています。

当該ページのURL貼っておきます。

Works

Works Standard chair quiet chair spoke chair new mii ch…

hyakka-furniture.com

どうぞよろしくお願い致します。

♥ 1

Who liked:

[キタジマ タカシ]

下記のページは追尾サイドバーを使っていますが、1025px だと1カラムになるので、1025px でも2カラムになるように何らかのカスタマイズをされていますかね？

Snow Monkey でこれまでにおこなった Gutenberg 対応についてまとめてみた

この記事は Snow Monkey アドベントカレンダー 2018 4日目の記事です。 テーマサポー…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[sususu]

キタジマさん、ご返信ありがとうございます。

 

localの新規作成の標準が8.1になっていたため、バージョンのことはあまり気にしていませんでした。

今後は気をつけて作成していきます。

7.4などにダウングレードしましたらQueryMonitorのエラーも消えました。

 

皆様、本当にありがとうございました！

 

トピックは閉じていいのでしょうか？

♥ 1

Who liked:

[es：エス]

memimeさん

おぉ、おおむね解決したようでよかったです。

完全に解決しましたら、トピックを閉じておいていただければと思います。

♥ 0

Who liked: No user

[sususu]

アクツさん、Oleinさん、

ご丁寧にありがとうございます。

 

お客様からいただいた環境ですと真っ白で管理画面に入れない状況なのでPHPのバージョン確認したいと思います。

PHP のバージョンを Local にて 8.1.9 にすると発生することを確認できました。

そうなのですね。自分のPHPのバージョンも今一度確認したいと思います。

 

お忙しい中、お返事いただきありがとうございます。

 

♥ 2

Who liked:

[Olein_jp]

こちらでも検証してみた結果、PHP のバージョンを Local にて 8.1.9 にすると発生することを確認できました。

設定可能なそれ以下の PHP バージョン環境（ 8.0.22 以下）では再現できませんでした。

ですので、PHP バージョン起因である可能性を感じますね。

PHP 8.1: Implicit incompatible float to int conversion is deprecated

PHP 8.1: Implicit incompatible float to int conversion is deprecated

php.watch

♥ 2

Who liked:

[アクツ]

画面が白くなってしまう現象に考えられる点や対応策

• クライアントさんのサイトとPHPのバージョン、あるいはWordPressのバージョンに差異がある場合はなるべくテスト環境を実環境にあわせる
• なにかプラグイン側からエラーがでてる（管理画面に入れるようであれば、一旦プラグインを停止して監視してみてみるといいかも・入れない場合はプラグインフォルダー内の各プラグインファイルを一時的にどこか別のディレクトリに移動したりディレクトリ名を変更してみたりして、プラグインデータが読み込まれないようにしてみて監視する）
• WordPress自体のデバッグモードをfalseにしたらログインできるかもしれない

とりあえず思いついたことを羅列してみました（もうやってるよ！とか約立たないわ！とかだったらごめんなさい）

♥ 2

Who liked:

[アクツ]

トピックおじゃまします

sususuさんと同じエラーがでてる環境があるので、情報共有します

エラーメッセージ：deprecated（非推奨）

Implicit conversion from float 0.9 to int loses precision

 

エラー箇所：

wp-includes/class-wp-hook.php:77
add_filter()
wp-includes/plugin.php:442
add_action()
wp-content/themes/snow-monkey/app/setup/head.php:24
load_template('wp-content/themes/snow-monkey/app/setup/head.php')
wp-content/themes/snow-monkey/vendor/inc2734/wp-view-controller/src/App/Contract/Template_Tag.php:246
Inc2734\WP_View_Controller\Helper::locate_template()
wp-content/themes/snow-monkey/vendor/inc2734/wp-view-controller/src/App/Template_Part.php:69
Inc2734\W\A\Template_Part::render()
wp-content/themes/snow-monkey/vendor/inc2734/wp-view-controller/src/App/Contract/Template_Tag.php:292
Inc2734\WP_View_Controller\Helper::get_template_part()
wp-content/themes/snow-monkey/Framework/Helper.php:61
Framework\Helper::get_template_parts()
wp-content/themes/snow-monkey/Framework/Model/Setup_Loader.php:45
Framework\Model\Setup_Loader->load()
wp-content/themes/snow-monkey/Framework/Helper.php:75
Framework\Helper::load_files()
wp-content/themes/snow-monkey/functions.php:105

エラーが出る環境：

Local by Flywheel環境でSnow Monkeyテーマを有効化にした場合
（wp-envのローカル環境だとエラーでませんでした）

 

—–

エラーが非推奨レベルなので（小数点がある値が来てるのに整数型の箱に値収めるの適してないよね？浮動小数点数型にしようぜっていうエラー）、画面が白になってしまうのは別物の問題かなと思いました。

♥ 2

Who liked:

[sususu]

キタジマさん、Olein_jpさん、es：エスさん、ご返信いただきありがとうございます。

気がつがず遅れてすみませんでした。

バグの箇所はこちらです

１枚目

２枚目

QueryMonitorを消そうと思い無効化するとこうなってしまいます。

サイトにはヘッダー（グローバルナビゲーション）のところに表示されます。

 

これが原因なのかはわかりませんがAll-in-One WP Migration でお客様のテスト環境にインポートするとサイトは見れるのですが管理画面が真っ白になってしまいます。

 

どうかご教示お願いいたします。

♥ 0

Who liked: No user

[es：エス]

私の方でも同環境で確認したところ、すべてのページでPHPエラーは確認できました。

ページによってエラーの数が3や5になるようです。確認はWindows10のChromeです。

ただプラグインを無効化しても、特にバグのような症状は出現しませんでした。

なお別テーマで確認したところ、PHPエラーは確認できませんでした。

画像を添付しておきますね。参考になれば幸いです。

♥ 1

Who liked:

[Olein_jp]

本件の各種バージョンを合わせた環境で、Query Monitor プラグインのみ有効化してみましたが、こちらの環境では特にエラーと思えるものは確認することができませんでした。

どのような動作をさせたら、どこに言われるエラーが出ているのかを、もう少し詳しくお教えいただけると何かしら糸口になるかもしれません。

♥ 2

Who liked:

[キタジマ タカシ]

もう一点すみません、Query Monitor をほとんど使ったことがないので教えてほしいのですが、「メッセージに Implicit conversion from float 0.9 to int loses precision」というのは具体的にどこに出力されるのでしょうか？

♥ 1

Who liked: