[キタジマ タカシ]

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

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

♥ 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

[shone]

>Olein_jpさん

 

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

 

僕の場合、お仕事で制作するサイトで、よく利用するスタイルについてはブロックスタイルを登録して、利用者がワンクリックで変えられるようにしています。

 

そうなんですよね、cssを都度直に書くのではなくスタイルを自分で登録しておけば、エディタ内で利用できるので自社で制作する場合などにも便利になるなとはわかっているのですが…

そこまで知識に自信があるわけでもないので、テーマやWP本体のアップデートの際にうまく効かなくなった場合の対応などを考えると、やはりよく使うものは最初からテーマやブロックに同梱されていてほしいなあというのが本音でした。。

 

もちろん最初から全く備わっていない機能などは自分で実装することになるでしょうし、既存の機能の拡張でも用途が限られていたり汎用的でないものは自分で追加するべきなのでしょうが、「ボタン」に関しては全く使わないサイトのほうが少ないと思いますし、そのバリエーションやマウスオーバーの効果も特殊なものではないので、他のテーマと比較した際にも「snow monkeyにもこれがあれば良いのにな～」と思うことがあったので、今回リクエストをしてみました（※だったら他のテーマを使えば…という話になるのですが…色々触ってみてもやはりsnow monkeyの素晴らしさを体感して極力snow monkeyを使いたい！となるので…）

 

キタジマさんの考えやアップデートの労力、またsnow monkeyの設計思想など考えるとあまり凝ったデザインやレイアウトを入れたり汎用的でないものは追加されないと思いますしその点十分理解してはいるのですが…

どこまでならOKかな～という基準も難しいので、採用されるかどうかは別として「これくらいは汎用的かな？あったら便利じゃないかな？」と私が思った部分をリクエストさせていただいた次第です。

snow monkeyが素晴らしいのでついあれもこれもと要望をしたくなるのですが、お時間あるときにでもご検討いただければなと思います。

♥ 0

Who liked: No user