Y.INABA
フォーラムへの返信
-
投稿
-
アーカイブが表示されないということで、以下のページが該当するかと思います。
上記のやり方だと「VK Dynamic If」で投稿タイプを出し分けする方法で進めていますが、操作に慣れていなかったり仕組みが理解できていなかったりすると、最初はとっつきにくいと思います。
特に触り始めのときは、1つのテンプレートにあれやこれやと詰め込むよりは、ご希望いただいているカスタム投稿用のアーカイブのテンプレートを作っていただいた方が分かりやすいし手っ取り早いんじゃないかな？ と思います。（個人の感想です）
添付1枚目（外観＞エディター＞テンプレート）において、右上のボタン「テンプレート追加」を選ぶと新規テンプレート作成画面が表示されます。そこで「アーカイブ：カスタム投稿名」を選んでいただくと、該当カスタム投稿のアーカイブページを作成することができます。
他のアーカイブページのテンプレートから「クエリーループ」ごとコピー＆ペーストいただければ、とりあえずアーカイブページとしては形にはなるかと思います。※クエリーループのクエリータイプが「デフォルト」になっているかどうかについては、しっかりご確認ください（添付5枚目）。
※クエリーループのクエリータイプを「カスタム」にする場合は、該当のカスタム投稿タイプをしっかりご指定ください（添付4枚目）。追記：申し訳ございません。1枚目と2枚目、3枚目と4枚目、それぞれ同じ画像をアップしてしまいました。
ご確認ありがとうございます。
確かに一度複数スライドを設定すると、ご教示のような状況になりますね。ただ、そもそも「スライダーアイテム」の内部が空っぽになっているのが根本要因と思われます（中身の空の段落ブロックが通常の段落として自動調整されてしまい、意図通りに認識されていないのが原因と思われます）。
回避策として「レスポンシブスペーサー」を埋め込んでいただき、高さを「デバイス毎のスライドの高さ」と同様の内容に設定いただいてもよろしいでしょうか？
（もちろん、どうしてもブロックエディター内でも見栄えを揃えたいときに限ります。ページ上ではきちんと出力されているようですので、無理にご対応いただく必要はありません）確認ですが、スライダーブロック内「デバイス毎のスライドの高さ」はどうなっておりますでしょうか？
見た感じ、「スライダーアイテム」ごとに背景画像のみを設定して「スライダーアイテム」中身が空白のようです。
「スライダー」の「デバイス毎のスライドの高さ」が設定されていないようであれば、ご提示いただいている画像のようになることも十分考えられるかと思います。記載いただいたエラー報告ですが、2026/07/02付けのアップデート最新版 9.118.0 にて修正されている可能性があり、お手すきの際にご確認いただけますでしょうか？
（タイミング悪く、ちょうど入れ違いの格好になってしまったかと思います）[ 不具合修正 ][ ウィジェット ] PHP 8 でタクソノミーリストウィジェット設定フォームを開くと Undefined array key 警告が発生する不具合を修正 by @mtdkei in #1407
—
お手数ですが今後のアップデートにて isset() などの条件分岐や初期値の定義等による修正をご検討いただけますと幸いです。よろしくお願いいたします。
GitHubのPRを見る限りでは、キー ‘form_sort’ においては後者の初期値設定により対処いただいたようです。
https://github.com/vektor-inc/vk-all-in-one-expansion-unit/pull/1407詳細ご教示ありがとうございます。
こちらこそ勝手に判断してしまって申し訳ございません。ご教示の件ですが、「ステップ」ブロックに以下のようにカスタムCSSを追記いただくのはいかがでしょうか？
※値についてはデフォルト値を入れています。適宜マージンやフォントの大きさなど設定いただけますと幸いです。
※PC等にも適用したいということでしたら、@media () {}の指定を外していただくか、この指定のないものを別途設定いただければと思います。@media (max-width: 767.98px) { /* 「STEP」等の表示箇所 */ selector .vk_step_item .vk_step_item_dot_caption { font-size: .5rem; line-height: .875rem; } /* 数値の表示箇所 */ selector .vk_step_item .vk_step_item_dot_num { line-height: var(--vk-step-item-dot-num-line-height); } }ちなみに該当箇所（CAPTION）は添付スクリーンショットの通りです。
該当のボタンブロックにはカスタムCSSが入っていますので、それを例えば以下のように変更されてみてはいかがでしょうか？
※変更箇所にコメントを付けています。
※「ホバー背景色」は指定せずにクリアしていただき、以下CSS内にカラーコード等を設定ください。selector.vk_button .vk_button_link.is-style-outline { position: relative; z-index: 0; border-radius: 0; padding: 12px 35px; letter-spacing: 0.1em; min-width: 220px; } selector.vk_button .vk_button_link.is-style-outline::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #699; /* 変更点1： 設定したいホバー背景色 */ z-index: -1; transition: .3s; } selector.vk_button .vk_button_link.is-style-outline:hover::before { width: 100%; } selector.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before { content: ''; position: absolute; display: block; width: 70px; height: 1px; bottom: 50%; right: -35px; border-bottom: solid 1px #000; /* 変更点2： ボタンカラーで設定した色 */ } selector.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after { content: ''; position: absolute; display: block; width: 12px; height: 1px; background: #000; /* 変更点3： ボタンカラーで設定した色 */ bottom: calc(50% + 5px); right: -35px; transform: rotate(45deg); } selector.vk_button .vk_button_link.is-style-outline:hover { opacity: unset; box-shadow: unset; background-color: transparent !important; border: solid 1px #699; /* 変更点4： 設定したいホバー背景色 */ }SUGI 様
実際にどのような表示になっているかスクリーンショット等で確認しないと分からないのですが、「ステップ」箇所の一番上に「レスポンシブスペーサー」を挟み込んでいただくのは一つの手かと思います。
上下の余白も含めてある程度調整されてみて、固まったらステップごとパターンにご登録いただくことをおすすめします。TAKE 様
ご確認ありがとうございます！
まさかこんなところに変更の該当箇所があったとは……。Vektor ご担当者 様
こちら以下の変更事項に記載なく、詳細ご確認いただけますでしょうか？
TAKE 様
ご確認ありがとうございます。
ただ、いずれにしても現状いただいている情報だけでは再現性がなく原因の特定が困難であり、TAKE様がご利用いただいている接続環境に原因がある可能性もあると考えられます。
私が上記で投稿した動画も、ご教示いただいているページをそのまま録画したものでございます。そこで、もう1個検証いただきたいのですが、全く異なる回線で読み込んだ場合、どうなりますでしょうか？
できれば回線内セキュリティやDNSフィルタ等がかかっていないものが望ましいです。
もしご利用可能であれば、そちら経由からアクセスいただいてもよろしいでしょうか？—-
Vektor ご担当者 様
もしかするとなんですが、回線やその他の事由によりスライダー構造の読み込みに遅延や変動が生じると、正常に動作しない可能性があるのではないでしょうか？
おそらく環境要因のため根本の原因の特定は困難かと思われますが、動作に関して堅牢性を高めていただくなどのご対応は可能でしょうか？ご報告いただいたところ申し訳ないのですが、以下の動画のとおり、私の端末・環境では再現できずでした。
恐れ入りますがシークレットウィンドウでアクセスいただくか、スマートフォン等の異なる端末からアクセスいただき、動作するかご確認いただくことは可能でしょうか？
つい先日、以下のとおり似たようなトピックがあり、その方は少なくともスマートフォンからだと正常に動作したとご報告をいただいております。
恐れ入りますが、ご確認のほどよろしくお願いいたします。
ご教示ありがとうございます。
お使いのスマートフォンで正常に動いているということは、やはり接続環境が関係している可能性が高そうです。スライダー動作に使っている Swiper.js が正常に読み込まれていない（シャットアウトされている）可能性がございますので、以下ご確認いただいてもよろしいでしょうか？
・お使いいただいている回線を変えてみる。
・VPNや広告ブロッカー、セキュリティソフトをお使いであれば、一旦それらを無効化いただいてアクセスしてみる。
・ブラウザが最新版になっているか確認する（念のため）。
・ご教示いただいているのとは別のPCをご利用可能であれば、そちらからアクセスしてみる。ご報告いただいているエラーですが、少なくとも私の環境では、どのスライダーも正常に自動で動いているように見えます。
どう動作するのが理想的であるか、またどの箇所に動作不良が起きているのか、ご教示いただいてもよろしいでしょうか？また、シークレットウインドウ等、拡張機能やブラウザ側キャッシュの影響がない状況でご確認いただくことは可能でしょうか？
もう1点、「VK Blocks Pro」のバージョンが書かれておりませんでしたので、そちらもお知らせいただけますと幸いです（「トップページスライドショー」以外の「スライダー」や「投稿リストスライダー」は「VK Blocks Pro」の機能になるかと存じます）。
よろしくお願いいたします。—
コンソールエラー：main.js?ver=15.37.1:1:1966
こちらですが、おそらく今回のエラーに関係ありません。
埋め込みにてiframeでYoutubeの動画を読み込んでおり、それが原因でcross-originのエラーが出てきます。Uncaught SecurityError: Failed to read a named property 'document' from 'Window': Blocked a frame with origin "xxxx" from accessing a cross-origin frame. at HTMLCollection.forEach (<anonymous>) at d (main.js?ver=15.37.1:1:1966)エラーの内容自体も、端的に言えば「安全上、iframe先のdocumentの読み込みをブロックした」というもので、スライダーの動作に関与するものではありません。
以下の記事のとおり、根本的な解決は難しいです。
URL欄についてご確認いただいた旨は承知しました。
確かにマルチサイトの設定時にはURLは表示されないかと思います。そこでもう一度確認ですが、以下は対応されてみましたか？
プラグイン Really Simple SSL などをインストールして有効化してみてください。
上記で解決されないようでしたら、恐らくWordPress公式フォーラムでご質問いただいた方が解決が早いかと思います（もともとhttpとhttpsの混在についてはメディアのコア機能に該当しますので）。
よろしくお願いいたします。
1点確認ですが、よくある質問に以下記載があり、ご確認いただいておりますでしょうか？
まだお試しいただいていないようでしたら、一度お試しいただけますと幸いです。※以下は「トップページスライドショー」の例ですが、「画像」ブロック等でも同じ事象が起こる場合がございます。
トップページスライドショーが表示されません
表示されているページがSSL化されているURL（https）なのにデータベースに保存されているURLが http の状態である事が考えられます。
https で見ている場合は1. 設定 > 一般設定 のURLが http のままになっていないか確認し、なっていたら https からはじまるURLに変更する
2. 外観 > カスタマイズ画面で該当のスライドの画像を一旦削除して保存
3. 改めて画像を登録して保存
の手順でご確認ください。あるいは、プラグイン Really Simple SSL などをインストールして有効化してみてください。
ruby24 様
ご確認ありがとうございます。
念のため、「ヘッダー右側エリア」のボタンにつきましては、いつ頃設定なさったか覚えていらっしゃいますでしょうか？
（例えば、現在のようなブロックエディター型ではなくクラシック表示で設定いただいた場合、プラグイン「Classic Widgets」等を入れていただくと解決するかもしれません）—
Vektor ご担当者 様
「ヘッダー右側エリア」について説明文を見る限り、「ヘッダーサブウィジェット」なる、現在では存在しない選択肢が記載されております。
何らかの仕様変更により過去に設定されたウィジェットの情報について参照ができなくなっている可能性もあるかと思うのですが、私自身は近年使い始めたばかりのユーザーのため、詳細ご存じでしたらお伝えいただけますでしょうか？
