[read]

「バウンス・イン」以外のアニメーションを適用すると消えることがわかりました。バウンス・インだけは消えません。

♥ 1

いいねをした人:

[read]

お世話になります。クライアントのサイトのためログインしていただくことは叶わず、申し訳ございません。

さきほど、Snow Monkey Editorの「アニメーション」を削除したら表示されました！
10の編集画面で、消えているテキストや画像は全て、アニメーションが適用されているものでした。

10の更新点で、編集画面でアニメーションが適用されているものの表示に関する変更はありますでしょうか。

♥ 1

いいねをした人:

[read]

デベロッパーのコンソールのエラーを以下に貼ります。

Incorrect use of <label for=FORM_ELEMENT>

The label’s for attribute doesn’t match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.

To fix this issue, make sure the label’s for attribute references the correct id of a form field.
AFFECTED RESOURCES
1 resource
Violating node

♥ 0

いいねをした人: 居ません

[read]

早速ご返信いただきましてありがとうございます。

– WordPress のバージョンは何ですか？

WordPressはバージョン 6.6です。

– 編集画面でデベロッパーツールのコンソールに何かエラーはでていますか？

Incorrect use of <label for=FORM_ELEMENT>

と表示されています。

♥ 0

いいねをした人: 居ません

[read]

ご教授いただきましてありがとうございます！
アイコンを表示させることができました。
お忙しいところ具体的なコードをいただき本当に助かりました。

♥ 1

いいねをした人:

[read]

２つのjsファイルを読み込めましたー！ありがとうございます！
丁寧に教えていただき本当に助かりました。ありがとうございます。
今後ともよろしくお願い申し上げます。

♥ 1

いいねをした人:

[read]

お世話になります、お忙しいところサポートいただきまして誠にありがとうございます。

以下のjsを読み込むことで叶いました！

Javascriptでデバイス判定をして、viewportを変更する方法 | Qubic 株式会社 – 大阪心斎橋のホームページ制作・リスティング広告会社

静的HTMLでホームページを制作する際には、Javascriptでデバイス判定をする方法を採用してい…

qu-bic.jp

以下をmy Snowmonkeyに記述して読み込んでいますが、もう一つアニメーション系のjsを読み込みたく、jsを複数読み込むためにはどう記述しますか？

add_action('wp_enqueue_scripts', 'msm_enqueue_style_script');
function msm_enqueue_style_script()
{
	/* js読み込み */
	wp_enqueue_script(
		'msm_scripts',
		MY_SNOW_MONKEY_URL . '/js/viewport.js',
		['jquery'],
		filemtime(MY_SNOW_MONKEY_PATH . '/js/viewport.js'),
		true
	);
}

♥ 0

いいねをした人: 居ません

[read]

以下の箇所、誤記でした、失礼いたしました。

＞＞タブレットの場合ではなく、「スマホの場合か、ウィンドウサイズ680以上の場合 」で

訂正：
「スマホの場合（ウィンドウサイズ680以下の場合 ）」と、「それ以外」で、viewportを分けたいです。

♥ 0

いいねをした人: 居ません

[read]

ご教授いただきましてありがとうございます。

私の知識が足りず、どうしても上手くいきません・・・
お忙しいところ質問を重ねまして申し訳ございません。
タブレットの場合ではなく、「スマホの場合か、ウィンドウサイズ680以上の場合 」で設定する場合なら、どのようなコードになりますか？

add_filter(
‘snow_monkey_template_part_render_template-parts/common/head’,
function( $html ) {
// 既存のメタタグを削除
$html = preg_replace( ‘|<meta name=”viewport”[^>]+?>|s’, ”, $html );

if ( スマホの場合か、ウィンドウサイズ680以下の場合に限り ) {
// メタタグを追加
$html .= ‘<meta name=”viewport” …省略…>’;
} else {
// それ以外
$html .= ‘<meta name=”viewport” …省略…>’;
}

return $html;
}
);

♥ 0

いいねをした人: 居ません

[read]

ご返信が遅くなりまして申し訳ございません！

ご教授いただきましてありがとうございます。
早速 viewport 用のメタタグを消すことができました。

取り急ぎfunction add_meta_in_head() 〜でviewportの書き換えをしようとしてみましたが、
教えていただいたviewport 用メタタグを消すコードが干渉して、
<meta name=”viewport”〜が消えてしまいます・・・

初歩的な質問で申し訳ございませんが、
・タブレットの場合だけ：<meta name=”viewport” content=”width=1280″>
・それ以外の場合は置き換えない
といったことは可能でしょうか？

♥ 0

いいねをした人: 居ません

[read]

キタジマ様

大変お世話になります。早速ご返信いただきましてありがとうございます。
ご教示いだきましたCSSにて解決いたしました。ありがとうございます。

♥ 1

いいねをした人:

[read]

GONSY様

ご返信ありがとうございます！

気づくのが遅れ、お礼が遅くなりまして申し訳ございません。

トップページのヘッダーをスライド下に置くことはできましたが、
個別ページのヘッダーと変えなければいけないところが多々あったためトップページ用のヘッダーを新たに作成し、本来の追従ヘッダーが表示される開始位置を下部にずらすことで解決いたしました。

ご教授いただきありがとうございました。

♥ 0

いいねをした人: 居ません

[read]

キタジマ様

ご返信いただきましてありがとうございます！
フレックスブロックの使用法が理解できましたー！見落としていて申し訳ございません。
いろいろと活用の幅が広がりそうです。
ひきつづきよろしくお願い申し上げます。

♥ 1

いいねをした人:

[read]

es様、キタジマ様、ご返信いただきましてありがとうございます！

グループブロックでグループ化して、CSSでflex・ブレイクポイントを設定することで叶いました。
ご教示いただきましてありがとうございます！

 

キタジマ様

＞とりあえず60:40になるように組んで、639pxから縦並びになる CSS を追加

フレックスブロックの子要素は、管理画面からはどのようにパーセンテージ指定できるのでしょうか？

＞ Snow Monkey Editor で表示・非表示

デバイスごとの表示・非表示機能はdisplay: noneなのでスライダーなどの重い要素の場合は使わない方が良いですかね？

♥ 1

いいねをした人:

[read]

es様

お忙しいところ、早速ご返信いただきましてありがとうございます！

ご教示いただきましたCSSで639pxから縦並びになるのですが、
640px〜782pxの間はカラムのパーセンテージが50%：50%になってしまい・・・
パソコン表示のカラムのパーセンテージ（例：60%：40％）をスノーモンキーのブレイクポイントまで維持したままにする方法はございますでしょうか？

♥ 0

いいねをした人: 居ません

[投稿者]

投稿