対馬 俊彦
フォーラムへの返信
-
投稿
-
X-T9 1.14.7 で症状が回避されることを確認しました。
ありがとうございます！私のサイトで確認したところ、スライダーアイテムが空のときに、
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 の次のアップデートがありそうです。> 試してみたいのは、VK Blocks 1.122.0 より前のバージョンでどのように振る舞うか？
以下のページでダウンロードできます。
横から失礼します。
トピックの質問についての回答ではないのですが…
「ヘッダーサブウィジェット」なる、現在では存在しない選択肢が記載されております。
Lightning G3 Pro Unit のヘッダーレイアウトには、
最初のバージョンから「ヘッダーサブウィジェット」というものは存在しません。
ウィジェットの名前も最初から「ヘッダー右側エリア」でした。添付画像は初期バージョンの設定画面です。
ヘッダーレイアウトで行われた仕様変更は縦書きが追加されたことだけです。
ということで、ウィジェット画面の表記を以下のように書き換えていただくのがよいです。
ヘッダーサブウィジェット有効 → ヘッダーウィジェットあり
次に、もしかしたらトピックの質問に関係するかもしれないことを書きます。
先日 WordPress 7.0 にアップデートしたときに、編集画面を開くと
カスタム HTML ブロックに「HTML を編集」のボタンが表示されていたことがありました。公開されているページには以前に記述した HTML が反映されているのですが、
編集画面では HTML が空っぽということになっていました。そこで、再度 カスタム HTML ブロックに以前と同じコードを書いたら正常に戻りました。
ということで、症状が解決しない場合は、念のためバックアップをとってから、
もう一度ボタンを追加する作業を行ってみたら解決するかもしれません。私のサイトでは現象が起きなかったので、調べてみたところ、
編集画面がカスタムフィールドを表示する設定になっていると、
リダイレクト用URL の変更が反映されないという症状で、コピーした投稿かどうかは原因に関係ないようです。
ということで、暫定対策として、
カスタムフィールドを表示しない設定にして試してみてください。提示していただいた情報だけだと、原因の特定ができませんし、
原因の推測も難しい気がします。外部から攻撃を受けたとのことなので、
もしかしたらその後遺症が残っているかもしれません。その固定ページの URL を提示していただけば、
回答を得られるかもしれません。固定位置を下げるのでよければ、↓これでいけそうです。
【想定】
top: 40px; を top: 100px; 相当の位置にカスタマイズする。
【手順①】
ウィジェット サイドバー(共通上部) に 60px のスペーサーブロックを置き、
追加 CSS クラス にsidebar-spacerと指定する。60px = 100px – 40px
【手順②】
以下の CSS を追加する。
aside:has(.sidebar-spacer) { display: none; /* スペーサーを含むウィジェットを非表示 */ margin-bottom: 0; /* ウィジェット下の余白をなしに */ } /* 2カラムレイアウトでスクロールしたときにスペーサーを表示する */ @media (min-width: 992px) { .header_scrolled .sub-section--col--two aside:has(.sidebar-spacer) { display: block; } }やりたいことが具体的にはわからないのですが、
なんとなく、VK Blocks Pro の固定表示ブロックが適していそうな気がします。解決したようでよかったです。
1点、気になったことがあるので、お伝えします。
PNG の画像をお使いですが、重たい画像なので、WebP に変換して使うといいですよ。
ファイルサイズが10分の1以下になります。カバーブロックの設定で 解像度 が 大 になっているので、
フルサイズ に変更してみてください。ご質問者がいまお使いのロリポップのプランは ライト または スタンダード だと思います。
もしそうであれば、PHP の設定が CGI版 と モジュール版 の2種類あります。
違いは以下の通りです。【CGI版】
PHP メモリ上限 128M （設定により増やすことができる）【モジュール版】
PHP メモリ上限 300M （増やすことができない）モジュール版には、WordPress を高速化できるというメリットもあります。
もしかしたら意図的に CGI版 に設定してあるのかもしれませんので、
業者に制作依頼して作ったサイトの場合などは、
念のため モジュール版 に変更して問題ないかを確認してください。ということで、現在の設定は CGI版 になっていると思いますので、
モジュール版に変更するだけでエラーが解消するかもしれません。
