[キタジマ タカシ]

ありがとうございます！

ちょっと 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

[キタジマ タカシ]

ご確認ありがとうございます！
問題なさそうなので閉じますが、もし読み上げはあまり詳しくないので、もし不具合がでたときはまた教えてください！

♥ 2

Who liked:

[キタジマ タカシ]

その部分がどういう構造になっているかわからないので、実際のページを見せていただくことってできますかね？

難しい場合、僕の環境で同じ状況を再現したいので、フッターをどうやって組み立てているかを知りたいです（ウィジェットならウィジェット名、ブロックウィジェットならどういう入れ子でどのブロックを入れているか、ブロックで色を設定しているならその設定等）。

♥ 0

Who liked: No user

[キタジマ タカシ]

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

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:

[キタジマ タカシ]

書き込んでいただいた CSS をインデントしてみました。↑
この CSS は問題なさそうに見えるので、おそらく「追加 CSS」内で、この CSS より前に記述している他の CSS に閉じミスがあるのだろうと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

ご紹介いただいたコードはsnow monkey blocksのほうの「メディアとテキスト」でよろしいでしょうか？

はい、そうです。

WordPressの追加CSSに書いてみたのですが、やはり画像の上下に余白が生まれてしまいました…

画像自体に白ベタの範囲があるとか、別の CSS が影響しているとか、僕の認識が間違っているとかが考えられそうです。デベロッパーツールで要素を選択して、具体的にこの部分の余白というのを明示していただけると CSS が提示しやすいです！

こちらは、セクション（ブロークングリッド）の場合は余白が無いのでデフォルトで余白の無い画像、たとえば添付画像のように下の余白が無いものだとその次のセクションや項目とピッタリくっつく、と言う理解でよろしいでしょうか？

前後ブロック間の余白は、基本的には1行分空きます。段落と段落の間に自動的に余白が空くのと同じで、セクションの前後にも空きます。例外として、全幅ブロックと全幅ブロックの間には余白が空きません。

ブロック設定のところにパディングの項目があったので0にしたところこちらでピッタリくっつきました。基本的にはセクション（ブロークングリッド）で対応すれば良さそうでしょうか…？

完成形が想像できていないのでちょっとはっきりとは言えないのですが、基本的にはコードの記述量が少なく済む方法＆ご自身がやりやすい方法でやるのが良いと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

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

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

♥ 0

Who liked: No user

[キタジマ タカシ]

例えば追加 CSS に入力している内容に全角スペースが含まれていてそこで CSS が読み取れなくなっている、というようなことは可能性としてあるかもしれません。

実際のページの URL を共有いただければ、僕のほうで確認してみることも可能です。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらのアクティブなメニューに対する背景色、文字色は追加CSSで設定する必要があるのでしょうか？

いえ、カスタマイザー→デザイン→ヘッダー→グローバルナビゲーションのカレント表示エフェクトの設定に応じて、自動的に装飾がおこなわれます。

ヘッダー

サイト全体で共通する、ヘッダーの設定がまとめられた設定パネルです。設定はカスタマイザーから行います。 設定方法…

snow-monkey.2inc.org

もしグローバルナビゲーションの文字色や、リンク色などを CSS で独自にカスタマイズされているのであれば、その影響で装飾が上書きされて、というのは考えられるかもしれません。

♥ 1

Who liked:

[キタジマ タカシ]

コードをコピペしましたが何も変化がありません。

これはどこにコピペされましたかね？ 独自の CSS ファイルに追加している場合は、そこではなくてカスタマイザー→追加 CSS に追加するとどうでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

「メディアとテキスト」や「セクション（ブロークングリッド）」はある程度の決まった見た目のものを簡単に実現できるというブロックになります。このようなブロックに汎用的（ユーザーの多くが一般的に利用する）でない設定をブロックに持たせるのは混乱を招くので、独自にブロックスタイルを追加したり、CSS で調整してもらうのが良いかなと思います。

メディアとテキストブロックだとこういう感じでしょうか。
※下記のサンプルは全てのメディアとテキストブロックに反映されるため、本来は追加 CSS クラスを記述してそれをセレクタにしたり、ブロックスタイルを追加して CSS を書くのが良いです。

.smb-media-text__contents-wrapper {
  margin: 0 !important;
}

セクション（ブロークングリッド）については、PC では margin という意味での余白はないので、具体的にどういう感じが想像できませんでした。すみません…。

♥ 0

Who liked: No user

[キタジマ タカシ]

固定ページが複数あるサイトで、各ページに遷移するリンクをメニューに設定しています。

この「メニュー」というのは、グローバルナビゲーションに割り当てているメニューのことでしょうか？

例えばこのサイトのグローバルナビゲーションは下記のメニュー項目が設定してあり、

ホーム
Snow Monkey とは
ドキュメント
パターンライブラリー
コミュニティ

「ホーム」「Snow Monkey とは」「ドキュメント」「コミュニティ」は固定ページになっていて、遷移するとそのメニュー項目の文字色が変わっているのが確認できると思います。グローバルナビゲーションであれば、このように自動的にカレントページのメニュー項目の色が変わるようになっているのですが、それがなっていない、ということでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

より正確に言えば、正しく対応しているか検証されていない、ということになります。

下記のようなテーマを使うのが一番安全なのだろうなと思います（こちらも未検証ですが）。

Hello – The Fastest WordPress Theme With Minimal Styling | Elementor

Fast, Lightweight, and FREE. Hello theme is built with minimal styling and scripts for maximum speed and design freedom. Plus, it’s 100% compatible with Elemen…

elementor.com

♥ 0

Who liked: No user

[投稿者]

投稿