フォーラムへの返信
-
投稿者投稿
-
2023年6月19日 9:21 AM 返信先: Snow Monkey Formsでpickadate.jsを使用した時、確認画面ボタンを押すとpickadate.jsが動作しなくなる。 #126602
pickadate.js
を使ったことがないので実装がわかりませんが、例えばconst target = document.querySelector('[type="date"]'); pickadate(target);
みたな感じで DOM に対して関数を実行する形だとすると、確認画面表示時に DOM は書き換わっちゃうので、再度関数を実行しないと動作しなくなるはずです。
jQuery だと動的に実行する方法がありますが、
素の JavaScript だとどうやるんだろう…。
♥ 0Who liked: No userなるほどです。
もしチェックしているカテゴリーが末端のカテゴリーにだけ(例:親・子・孫チェックではなく孫のみチェック、親・子チェックではなく子のみチェック)なら
get_ancestors()
で先祖のカテゴリーも一括取得できるのでなんとかできそな気がします。全部にチェックする方式ではなくて末端のカテゴリーにだけチェックする運用に変えることって可能でしょうか?
♥ 0Who liked: No userちゃんとしたマニュアルが無いからわかりにくいですよね、申し訳ないです…。
「ログイン」部がリンクテキストにならないのですが、これは何かやり方があるのでしょうか。
これはならないのが通常の動作になります。最初期のバージョンでは WordPress 標準のログイン画面へのリンクになっていたのですが、WordPress 標準のログイン画面は表示させたくないというニーズがあったため、リンクはなくし、ログイン用のショートコードを追加しました(このログインショートコードからログインすると標準のログイン画面を介さずにログインできる)。
snow_monkey_member_post_restricted_content_message
フィルターフックを使えばメッセージを独自のものに書き換えられるので、それでリンク付きのメッセージに書き換えることはできると思います。緑背景の「ここから先はメンバー限定コンテンツです」が表示されません。
このメッセージが表示されるのは、下記の条件を満たすときになります。
– 記事が「メンバー限定でこの記事を表示する」になっている。
– 記事中に「続きを読む」ブロック(クラシックエディターの場合は more タグ)が入っている。
– ログインしていない。「続きを読む」ブロックが入っていると、それより前のコンテンツは非ログイン状態でも表示され、それより後のコンテンツはログイン状態でのみ表示されます。この「続きを読む」ブロックの部分に「ここから先はメンバー限定コンテンツです」は表示されます。「続きを読む」ブロックを配置しておらず記事全体が制限されている場合はこのメッセージは表示されません。
上部に余白が出来てしまう(ホームページのコンテンツエリアに上下余白を追加するはチェックしていません)。
すみません、ちょっとこれは実際のページをみてみないとわからないです。
そもそもセクション(ブロークングリッド)でやること自体がまちがっておりますでしょうか?
セクション(ブロークングリッド)は細かい調整をやるのには向いていないかもしれません。ヒーローヘッダーブロックだとどうでしょうか?
♥ 0Who liked: No userなんか汎用的なコードを書くの難しそうな気がしますね…僕の実力的に。ちょっと下記教えてください。
– 記事のカテゴリーへのチェックは、親、子、孫、全部にチェックを付けていますか?それとも孫だけですか?
– 全ての記事が親、子、孫に属していますか? それとも親だけの記事や親、子までの記事もあったりしますか?♥ 0Who liked: No userなるほど…これ現状ではないですね…。アップデートして、フックで表示調整できるようにしてみようかなと思います。早ければ今日、遅くても来週頭にはリリースできるようにします!
♥ 0Who liked: No userこのサイトの問い合わせフォームも Snow Monkey Forms 製ですが、何も入力せずに送信するとどうなりますかね?
僕の環境 Mac + Chrome だと、エラー発生箇所が画面の中ほどに位置する感じで移動され、ナビゲーションには重なりませんでした。
Snow Monkey Forms のエラー発生時のスクロールは、単純にエラー位置にフォーカスさせているだけで、Snow Monkey Forms 側でスクロール処理をおこなっているわけではないのでどうやって調整すれば良いのかは僕もわかりません…。
エラー発生時のフォームには
data-screen="invalid"
という属性がつくので、[data-screen="invalid"] { margin-top: 100px !important; }
みたいにして強制的に上部に余白をつけてヘッダー分ずらすはできると思います。ただ、それだとスクロールしたときに変に余白があいているのが目立っちゃうと思うので、js でスクロールしたときに良きタイミングでその
margin-top
を消す、みたいなことができれば良いかもしれません…。♥ 0Who liked: No user$post_id = filter_input( INPUT_GET, ‘post_id’ );
この部分が問題なようなのですが
↑の値が取れていないということですかね。
これ、ポイントはリンクの URL に「post_id=投稿ID」を含めるということです。例えば
———-
### 商品ページ
商品名: ○○
投稿ID: 10
問い合わせフォームに移動するリンクボタンに下記のリンク URL を設定
http://example.com/contact/?post_id=10### 問い合わせフォーム
$post_id = filter_input( INPUT_GET, 'post_id' );
で URL のpost_id
の値(今回の場合は10
)が取得できる。正常に取得できていたらget_the_title( $post_id );
で商品名である「○○」が取得できる。———-
という感じになります。
♥ 0Who liked: No user単にセクション(ブロークングリッド)を全幅にして「コンテンツ部分のコンテナーの余白を削除」は無効にしておけば案1にはなりますよね? 全幅や「コンテンツ部分のコンテナーの余白を削除」無効が PC に与える影響が表現したいものと違ってきてしまうから、ということであれば独自に CSS で調整していただく必要があると思います。
♥ 0Who liked: No user解決できて良かったです!
解決済みということでトピックのクローズをお願いします。♥ 0Who liked: No userどうもリリースにミスがあったようです。v20.2.4 として再リリースしました。お手数おかけいたしますがご確認くださいませ><
♥ 0Who liked: No user -
投稿者投稿