対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
横から失礼して、便乗リクエストさせていただきます。
検索結果画面で、現状通りアコーディオンが閉じた状態で、
条件指定されているタクソノミーやキーワードに背景色を設定したいです。<div class="vkfs__outer-wrap ...となっている部分に、条件指定されているときに
<div class="vkfs__outer-wrap vkfs__specified ...みたいにクラス名を付与していただけると、
CSS でかんたんに色をつけられるのでうれしいです。ご検討のほどよろしくお願いいたします。
WordPress 7.0 からこのような仕様になっていますね。
ウィジェット設定画面の左側をリスト表示にすれば、カスタム HTML ブロックを選択して
[コードを編集] をクリックすることができるようになります。エラーが発生しました… はサーバーの WAF が原因だと思います。
プラグインの設定だけでなく、表記の統一も考えた方がいいです。
サイトを拝見したところ、表記が何種類もあります。
・花創人
・花創人はなそうにん
・花創人(はなそうにん)ガーデニング教室
・花創人ガーデニング教室Google はサイト内のコンテンツをひと通り見た上で相応しい名前を決定していますし、
他のサイトからどういうサイト名でリンクされているかも見ていると思います。Google の以下のページが参考になります。
https://developers.google.com/search/docs/appearance/site-names?utm_source=chatgpt.com&hl=ja
このページ↑に書いてある alternateName を使ってもよさそうな気もしますが、
表記を統一するのが正攻法ではないかと…このページが参考になります。
カラムの指定方法を カラム数を指定 にすれば揃うと思います。
添付画像をご参照ください。
Attachments:
You must be logged in to view attached files.ExUnit 9.122.0 をダウンロード~アップデートして、ボタンの高さと文字位置が揃ったことを確認しました。
今回のアップデートでアイコン出力が SVG に統一されたんですね。
Discord のお知らせを見て、かつてないほどの圧倒的短時間で対応していただいたので、驚きました😲
これが AI の威力なのか…? と思ったのですが、すでに作業済みだったんですね😊ありがとうございました!
VK All in One Expansion Unit を 9.121.1 にアップデートして、
エラーが解消されてタクソノミーを除外できるようになったことを確認しました。ありがとうございました!
私のサイトで確認したところ、スライダーアイテムが空のときに、
VK Blocks 1.122.0 はデバイス毎のスライドの高さが編集画面に反映されていますが、
VK Blocks 1.123.0 は編集画面に反映されなくなっています。うなこ 様、
Lightning のサイトではこの症状が起きなかったので、
とりえずここに報告させていただいた次第です。WordPress の不具合だったんですね。承知しました。
ご対応いただき、ありがとうございます。
以下の CSS で
font-sizeとpadding-topで調整してみてください。/* 円 */ body .vk_step .vk_step_item .vk_step_item_dot { width: 3.25em; height: 3.25rem; padding-top: 0; } /* STEP */ body .vk_step .vk_step_item .vk_step_item_dot_caption { font-size: 0.6rem; padding-top: 0.75rem; line-height: 1; } /* 番号 */ body .vk_step .vk_step_item .vk_step_item_dot_num { font-size: 1.2rem; padding-top: 0.2rem; line-height: 1; }line-heightは 1 に固定しておいた方が調整しやすいと思います。スマホでお好みの表示にならないのは、ステップブロックの以下の仕様によるものだと思います。
- ステップマーク(円形)のスタイルが単位 px で設定されていて、画面幅によってサイズが変わらない。
- テキストのスタイルが単位 rem で設定されていて、画面幅によってサイズが変わる。(スマホでフォントサイズや行の高さがが小さくなる)
単位を px か rem に統一すれば画面幅に関係なく同じ見え方になりますが、rem に統一する方が楽そうです。
以下の CSS を試してみてください。
body .vk_step .vk_step_item .vk_step_item_dot { width: 3.25em; height: 3.25rem; padding-top: 0.6rem; }v1.12.5 をダウンロードして手動でアップデートすると、
ダッシュボードで v1.13.1 にアップデートできるようになります。こちらのページ↓が参考になります。
v1.13.1 は PHP 8 でとりあえず動作しますが、
ベクトルさんがいま修正作業中で、
近いうちに v1.13.1 の次のアップデートがありそうです。 -
投稿者投稿
