別ページで投稿カテゴリをクリックさせないためのpointer-events: none;をかけていてそれのせいでした！！！！！
「押せない」という単語で「クリックさせない」という言葉に結びつきました。
初歩的な質問に答えていただきありがとうございました！
なるほどー。ということはフォーム自体ではないかもですね。
「押せない」というのが具体的によくわかっていないのですが、例えばボタン要素って disabled だったら完全に「押せない」ですよね。そういう感じなのか、あるいはちょっと状態が違ったりするのか…。
Snow Monkey Forms 以外のプラグインを全て停止（My Snow Monkey 含め）すると変化はありますか？
お返事ありがとうございます。
添付していただいたお問い合わせフォームのボタンはクリックできました！
私が作成したものとクリックできた方でHTMLを比較しても同じ構造になっているようです。ボタンの上はclass=smf-form smf-form–letterが付与されているdivがあるのみで、他の透明な要素が被っている訳ではなさそうなのですが、他に何か考えられることはありますでしょうか。
<form class=”snow-monkey-form” id=”snow-monkey-form-598″ method=”post” action=”” enctype=”multipart/form-data” data-screen=”input”>
<div class=”smf-focus-point” aria-hidden=”true”></div>
<div class=”smf-form smf-form–letter”>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> 会社名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”company”>
<div class=”smf-text-control”>
<input type=”text” name=”company” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> 担当者名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”company”>
<div class=”smf-text-control”>
<input type=”text” name=”company” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> お電話番号</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”tel-1gqtmtfmt”>
<div class=”smf-text-control”>
<input type=”tel” name=”tel-1gqtmtfmt” value=”” autocomplete=”tel-national” class=”smf-text-control__control”>
</div>
<div class=”smf-control-description”>ハイフンなしで入力してください。</div></div>
</div></div></div>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> メールアドレス</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”email”>
<div class=”smf-text-control”>
<input type=”email” autocomplete=”email” name=”email” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> お問い合わせ内容</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”message”>
<div class=”smf-textarea-control”>
<textarea name=”message” rows=”5″ class=”smf-textarea-control__control”></textarea>
</div>
</div>
</div></div></div>
</div>
<div class=”smf-action”>
<span class=”smf-button-control”>
<button type=”submit” class=”smf-button-control__control” data-action=”confirm”>確認画面へ<span class=”smf-sending” aria-hidden=”true”></span></button>
</span><input type=”hidden” name=”snow-monkey-forms-meta[method]” value=”confirm”> </div>
<div class=”smf-system-error-content-ready”>
予期しない問題が発生しました。後でもう一度やり直すか、他の方法で管理者に連絡してください。 </div>
<input type=”hidden” name=”snow-monkey-forms-meta[formid]” value=”598″> <input type=”hidden” name=”snow-monkey-forms-meta[token]” value=”a032facd957265c5558ea62be6e9ff7268fba8d8c8c6601c0119084ca2e7b043″> </form>
下記のフォームの場合はクリックできますか？
↑のフォームは最新版の Snow Monkey Forms でつくっているので、上記が動くのであれば設定やカスタマイズの影響かもしれません。カーソルをあてても表示が変わらないのであれば、透明な要素がボタンの上に被さっているという可能性はないですかね？
ご依頼者様のsafariで上記URLのTOP画像とページ下部のh2(テキストはABOUT)が表示されないとご指摘を受けました。
画像はアクツさんが指摘されている可能性が高いとして、テキストがでないのは不思議ですね。このフォーラムでも僕の手元で再現できないという場合は多々あり、そのような場合はデベロッパーツールを開いた状態でその箇所を選択してもらい、CSS がどのようなアタリ方をしているか、なにかエラーがでていないかなどをスクショを撮ってもらって地道に潰していくという方法をとっています。実際にお会いして PC を直接操作できれば解決がはやいと思いますが、遠隔だとなかなか悩ましいですね…。zoom とかでつなげる相手であれば画面共有してもらって指示しながら検証するのが近道かもですね。
連投ですみません。
お困りの件については、画像形式がWebPだからクライアントさんのSafariでは表示されてないのかもしれません。（古いmacのSafariだとWebPが対応してない場合があります）
一度その線でクライアントさんにヒアリングしてみるのも手かもしれないです。（併せて、クライアントさんには別のブラウザや別の端末（スマホとか）でもご確認をしてもらうのもいいかもしれないです）
※今回お困りの現象についてはたぶんSnow Monkey由来ではなく、別の要因が原因な可能性が高いです。その場合はこちらのフォーラム対象外だと思うので、たぶん自己解決してただく必要があるかと思います。
memimeさん こんにちは。
老婆心ながら気になってしまったのですが、公開前のサイトが私でも見れてしまってよいのか（多分検索ロボット避けもしてないので検索結果としてインデックスされてしまうのでは）不安です。
事前にクライアントさんに了承は得てますでしょうか？
もしそうじゃない場合は、対応をしたほうがいいかなと思いました。
（ご質問の内容と違う内容の返信でごめんなさい）
セクション（背景画像 / 動画）ブロックは特にアップデートで HTML を変えたりはしていないので、アップデートによる影響というのはなさそうな気がします。もしテスト環境をお持ちであれば、前のバージョンに戻してみて変化があるか見てみるのも良いかもしれません。
前のバージョンのダウンロードリンクは下記の記事にあります。
あと、読めてはいないのですが、プリロードさせて高速化するという手法があるようです。
CSS でレイアウト調整が必要かもしれませんが、snow_monkey_after_header_site_branding_column アクションフックにフックしてコンテンツを追加するのはどうでしょうか？ My Snow Monkey プラグインか子テーマの functions.php に下記のコードを記述すると追加できます。
add_action(
'snow_monkey_after_header_site_branding_column',
function() {
?>
ここに追加したいコンテンツを記述
<?php
}
);
ご教示くださってありがとうございます。
フッター固定ナビゲーション（モバイル）に設定
<i class="mob_love"></i>
<p>ここに文字</p>
CSS
.p-footer-sticky-nav > ul > li.menu-item-4793 > a:before {
content: url(URL);
}
画像は30pxがちょうど良かったです。CSSのクラスを設定していますが、今回は必要ありませんでした。
ありがとうございました。
そしていざPageSpeed Insightsで測定してみると画像の方が表示スピードが若干下がってしまったというオチつきでした。
30pxと小さい画像なのですが。
なのでどちらでもそれほど変わらないのかなという結果になりました。
※他の方のために記載しておきます
解決したのでトピックを閉じさせていただきます。
実際に試せてはいませんが、CSS の擬似要素で対応できるのではないかと思います。
.p-footer-sticky-nav > ul > li.menu-item-*** > a:before {
CSS書く
}
必要であれば a に position:relative など設定し、また管理画面からメニュー項目にCSSクラスを追加するなどすることで、より一層明瞭な CSS を書くことができるかと思います。
お試しください。
現在のバージョンでは複製で追加するということで理解いたしました。
というわけでもないのですが、ブロック間のブロック追加ボタンは margin な部分にホバーしないと表示されなくて、フォームは項目の間がすごく狭いのでホバーさせるのがシビアなんですよね。それがめんどくさいので僕は複製をよく使っています。
[ プライベートトピックのため非表示 ]Who liked:[ プライベートトピックのため非表示 ]Who liked:
