[キタジマ タカシ]

Snow Monkey v25.2.7 で変更を入れてみました。
スクロールのたびに調整していたのを、リサイズのときだけ調整するようにしたので、ガクガクする感じはなくなったのではないかと思います。

Snow Monkey v25.2.7 をリリースしました

Snow Monkey v25.2.7 の概要 変更 ページトップへ戻るボタンの表示位置調整を見直し 文字色の…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

あれ？ なんでしょうね。僕のパソコンからだと、例えば「メニュー」のページに移動してもちゃんと白くなっているように見えます。

ブラウザのキャッシュが残っているとか、何かキャッシュ系のプラグインを入れているとかですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

ありがとうございます！

ちょっと Snow Monkey の CSS が微妙っぽかったので後で修正を入れようと思いますが、ひとまず、下記を変更してみてください！

.l-footer-widget-area, .l-footer-widget-area a {
  color: #fff;
}

を

.l-footer-widget-area, .l-footer-widget-area a {
  --wp--preset--color--sm-text: #fff;
  color: #fff;
}

に変更

♥ 0

Who liked: No user

[PK]

トピックを作成される際に、必ずこれらの情報は入力してください。PKさんが解決できたナレッジを今後同様の問題に直面した方が参照する際に必要な情報となります。

失礼した！編集ボタンがみあたらなかったので、後追いでコメントしておきますmm

【お使いの Snow Monkey のバージョン】バージョン: 25.2.6
【お使いの Snow Monkey Blocks のバージョン】バージョン 20.3.5
【お使いの Snow Monkey Editor のバージョン】バージョン 9.3.2
【お使いのブラウザ】Chrome
【当該サイトのURL】ローカル環境

まだ何も試されずにトピックを作成されているようですが、CSSだけで対応することができます。.c-entry-summary__body に対して display:flex をし、その子要素を order で順序を入れ替えます。

ありがとうございます！上記対応で解決しました。
display:flexで調整する選択肢が浮かばず、どう対応したら・・・と困り果てて
質問してしまいました。。大変助かりました。

♥ 1

Who liked:

[Olein_jp]

トピックを作成される際に、必ずこれらの情報は入力してください。PKさんが解決できたナレッジを今後同様の問題に直面した方が参照する際に必要な情報となります。

【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
【当該サイトのURL】

まだ何も試されずにトピックを作成されているようですが、CSSだけで対応することができます。.c-entry-summary__body に対して display:flex をし、その子要素を order で順序を入れ替えます。

メタ情報の並び順も同様に order で可能です。投稿者名を表示したくない場合には display:none してください。要素自体を出力したくない場合には PHP でのカスタマイズが必要になります。

♥ 2

Who liked:

[shirazu]

こちら原因はiPhoneのvideoタグ(動画ブロック)に起きる問題みたいでした。
動画ブロックをHTML編集して動画URLの末尾に動画の開始地点を設定したら冒頭のシーンが表示されるようになりました。

記事参考URL:https://qiita.com/t-kigi/items/5526f36f46eb11f5059a

♥ 1

Who liked:

[mjmjsachi]

おおお、ご対応ありがとうございます！！！

fieldset と legend を設定して、legendを不可視にしても読み上げられることを確認できました。
ありがとうございました！

♥ 1

Who liked:

[キタジマ タカシ]

遅くなってすみません！！！

Snow Monkey Forms v6.1.0 で機能を追加してみました。

Snow Monkey Forms v6.1.0 をリリースしました

Snow Monkey Forms v6.1.0 の概要 機能追加 チェックボックスとラジオボタンに lege…

snow-monkey.2inc.org

アップデートして試してみてください！

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey Forms のバリデーションチェックは JavaScript ではなくて PHP で処理するので、送信ボタンを押したタイミングでフォームがリロードされます。つまり、そのタイミングでフォームの HTML 自体が新しいものに置き換わるので、日付ピッカーが適用された HTML がそこでなくなってしまい、動作しなくなるのだと思います。

jQuery UI に詳しくないので具体的にどう書き換えたら良いのかはわからないのですが、理屈的には下記のページの通りだと思います。

jQueryで動的に追加した要素はクリックイベントが発火しない？いやそんなことはないぞ – Qiita

知ってるよって？知ってる人には当たり前、でも知らない人はかなり躓くんだよ！事象こんなボタンを作るじゃろ<div class="btn-area"> &lt…

qiita.com

♥ 0

Who liked: No user

[キタジマ タカシ]

現状

<a class="c-btn" href="xxxxx/#access" style="color:white;background-color:#00AEEB;border:1px solid"><b>アクセス</b></a>

となっていて、.u-smooth-scroll が付与されていないみたいなので、追加してみてください！

♥ 1

Who liked:

[まーちゅう]

汎用的とは言ってもボタンのデザインは、数限りなくあると思いますので
Oleinさんの言われている通り、ブロックスタイルで対応するのがいいと思います。

知識に自信があるわけでもないと尻込みせずに、チャレンジしてみると意外と簡単だったりするので、以下のコードをMy Snow Monkey に追加してみてください。

1. マウスホバー時に色が反転する is-style-reverse
2. マウスホバー時に色が変わる（左から右へ流れる） is-style-fluent
3. 矢印（ホバー時に右に動く） is-style-arrow
4. 光るボタン is-style-glow

の4つが、ブロックスタイルとして追加されます。

/**
 * Block Styles
 *
 * @link https://developer.wordpress.org/reference/functions/register_block_style/
 * @param string $block_name,
 * @param array  $style_properties
 */

if ( function_exists( 'register_block_style' ) ) {
	/**
	 * Register block styles.
	 */
	add_action(
		'init',
		function() {

			register_block_style(
				'snow-monkey-blocks/btn',
				array(
					'name'         => 'reverse',
					'label'        => '反転',
				)
			);

			register_block_style(
				'snow-monkey-blocks/btn',
				array(
					'name'         => 'fluent',
					'label'        => '左から右へ流れる',
				)
			);

			register_block_style(
				'snow-monkey-blocks/btn',
				array(
					'name'         => 'arrow',
					'label'        => '矢印付き',
				)
			);

			register_block_style(
				'snow-monkey-blocks/btn',
				array(
					'name'         => 'glow',
					'label'        => '光るボタン',
				)
			);

		}
	);
}

CSSのサンプル

.smb-btn-wrapper.is-style-reverse .smb-btn {
	background: var(--bgcolor-btn-reverse);
}

.smb-btn-wrapper.is-style-reverse .smb-btn:hover {
	background: var(--bgcolor-btn-reverse-hover);
}

.smb-btn-wrapper.is-style-fluent .smb-btn {
	background: var(--bgcolor-btn-fluent);
}

.smb-btn-wrapper.is-style-fluent .smb-btn:hover {
	background: var(--bgcolor-btn-fluent-hover);
}

.smb-btn-wrapper.is-style-arrow .smb-btn {
	background: var(--bgcolor-btn-arrow);
}

.smb-btn-wrapper.is-style-arrow .smb-btn::after {
	content: '→';
}

.smb-btn-wrapper.is-style-glow .smb-btn {
	background: var(--bgcolor-btn-glow);
}

♥ 3

Who liked:

[千葉龍也]

ご確認ありがとうございます。

何が間違っているのか全くわからないので実際に追加CSSに書いたコードを確認してほしいです。

@media (max-width: 639px) {
  .c-hamburger-btn__bars {
    height: 20px;
    width: 25px;
  }
  .c-hamburger-btn__bar {
    height: 2px;
  }
  .c-hamburger-btn__bar:nth-of-type(2) {
    top: 9px;
  }
  .c-hamburger-btn__bar:nth-of-type(3) {
    top: 18px;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

はい、それで大丈夫です！

ソースを確認して、追加 CSS に入力されているであろう CSS を検証してみたところ、上記のエラーがでました。閉じミスや括弧が全角になっていないかなど再度確認してみてください。
※インデントを丁寧にやると閉じミスは発見しやすいと思います。

♥ 0

Who liked: No user

[GONSY]

現状での結論は以下のとおりです。

Snow Monkey Formsで、セレクトボックスで選択する内容によって、次に表示される項目の内容を変えたい。

このトピックには2件の返信、2人の参加者があり、最後にmrcにより7ヶ月前に更新されました。 3件の投稿を表示…

snow-monkey.2inc.org

　
CF7 ＋ Conditional Fields for Contact Form 7 だとダメなんでしょうか？
　

♥ 1

Who liked:

[ひげガール]

Olein 様

ご回答ありがとうございます！（お礼を送ったつもりが送れていませんでした。）
Olein 様にご教示いただいた方法で、無事、実現できることができました！！

また、Olein さんのウェブサイトとかYoutube、お世話になっています。
あと、Twitterも見てます！

いつも本当にありがとうございます。
この場をお借りしてお礼申し上げます！

♥ 0

Who liked: No user