対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
2024年6月21日 1:03 PM 返信先: プラグイン VK All in One Expansion Unit のCSSカスタマイズ機能で、特定のページにのみ出力するCSSが保存できない #94966
私も同様な症状を経験したことがあります。原因はサーバーの WAF でした。
お使いのサーバーで WAF が有効になっているなら、無効にしてみると カスタム CSS を保存できるかもしれません。
チェックボックスが膨大な量になってしまいます。
この点に関しては、
VK Filter Search Pro 2.10.0 の「段階ドロップダウン」でスマートに解決できますね😊一つ目の行った事:カスタマイズ→アーカイブページ設定→投稿→表示タイプをカード→表示要素の中の「新着表示」にチェック→新着表示する日数を「2」→新着表示テキストは空欄。
↑ これは、過去の投稿一覧のページの設定ですので、
前の記事・次の記事の新着表示を設定したいときは二つ目に行ったやり方になります。二つ目に行った事:
フォーラムの2020年3月13日 8:43 PMの記事の内容を子テーマのfunctions.phpに挿入したことろ、エラーになってしまい、設定ができませんでした。子テーマの functions.php に挿入(既存のコードの後ろに追加)する場合は先頭の
<?php
が不要です。以下のコードを挿入してみるとうまくいきそうな気がします。
add_filter('lightning_next_prev_options',function($options){ $options['new_date'] = 2; return $options; });
検索結果に日付が表示されるのは Google 側のアルゴリズムによるものなので、
私は正確な原因がわからないのですが、経験的に言えることは…トップページに以下の新着情報だけを載せて、
そのままにしているサイトでよく起きる現象のようです。2023年4月1日 ホームページをリニューアルしました
リニューアル(開設)後に新着情報を追加しているサイトでは検索結果に日付が表示されないようです。
display: none;
で日付を非表示にしても HTML は出力されるので、効果がないのだと思います。可能であれば、新着情報を追加していくと日付が消えるかもしれません。
ご参考まで。
テーマ側の CSS が以下のようになっています。
.global-nav-list .sub-menu li a, .global-nav-list .sub-menu li a:hover { color: #fff; }
これを置き換える必要がありますので、④ に追記すれば期待する結果になると思います。
すべてのエリアを「エリア」のタクソノミーひとつに入れる、
以下のようなやり方でいけるかもしれないと思いましたので、
横から失礼させていただきます。まず、すべてのエリアを添付画像 vkfs-taxonomy.png のように
親子関係を持たせて登録します。すると、添付画像 vkfs-checkbox.png の先頭のような
チェックボックスになります。親タームを選択不可にする必要があると理解しました。
そこで、以下の CSS で非表示にします。[1]
.vkfs__has-children > label > input[type="checkbox"] { display: none; }
膨大な数のチェックボックスを並べずに、
エリアを限定して検索させたいのだと理解しました。そこで、以下の CSS で関東を非表示にします。[2]
.vkfs__has-children:has(label > input[value="kanto"]) { display: none; }
ご希望に合ってなかったら、すみません。
Attachments:
You must be logged in to view attached files.VK Filter Search Pro を 2.7.2 にアップデートして、
ご提示いただいたコードで カスタム HTML ブロックが使えるようになったことを確認しました。検索フォームでやりたかった詳細条件の開閉も実装できました。
カスタム HTML が使えるようになって、
他にもいろいろできるんじゃないかとちょっとワクワクしています。コードに手を加えると他のブロックも使えそうなかんじで、楽しそうです😊
ありがとうございます!!
5月中に実装できれば…と思っていました。
私が書くのは、div タグで囲んで jQuery で開閉するかんたんなコードなので、
連休明けでまったく問題ございません。お手数をお掛けします。よろしくお願いいたします。
takamitsu 様、
はずれでしたね。
今年、Event Organiser というイベントのプラグインで似たようなことを経験しました。
Lightning でイベントのアーカイブページが正しく表示されない、という現象です。
Event Organiser の設定でテンプレート処理を無効にする設定にしたら解決しました。
The Events Calendar の設定をチェックしてみたらいいかもしれません。
またはずしているかもしれませんが…
はずしているかもしれませんが…
The Events Calendar のイベント URL のデフォルトは
https://atami.travel/events/ なのですが、この URL が存在しません。もしかしたら、イベント URL を https://atami.travel/blog/ にしているのでしょうか?
だとすると、ブログの URL とバッティングしているのかもしれません。
このトピックを見て、やってみようという方がいるかもしれないので、情報を追加しておきます。
Lightning G3 のサイトで、子テーマの functions.php に以下のコードを書いたら、スムーススクロール動作しました
このカスタマイズを行っておいた私のサイトでレイアウトがくずれていることに、今日気がつきました。
くずれているのは、
position: fixed; height: 100%;
とかposition: fixed; top: 15vh;
のような CSS を指定している部分です。高さの取得が期待通りにならないようなかんじです。
ということで、SmoothScrollAnimations を使うときは要注意です。
プラグイン MouseWheel Smooth Scroll を使う方が安全だと思います。
横から失礼します。
VK Blocks Pro をアップデートしたら、
私のサイトでもグリッドカラムブロックのレイアウトが変わりました。/wp-content/plugins/vk-blocks-pro/build/block-build.css の
以下の部分のjustify-content: center;
が原因と思われます。.vk_gridColumn .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
【症状の起きているページのURL】https://demo1.uonuma-js.com/grid-column-layout/
-
投稿者投稿