[ 解決済 ] VK FullSite Installerでサイト新規作成後にThe Events Calendarを設定するとイベント表示の検索バーが消える

[genepinefield]

■ WordPress のバージョン
WordPress 6.9.4

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
X-T9

■ テーマのバージョン
1.37.4

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
Category Order and Taxonomy Terms Order Version: 1.9.5 | Author: Nsp-Code
Contact Form 7 Version: 6.1.5 | Author: Rock Lobster Inc.
The Events Calendar Version: 6.15.18 | Author: The Events Calendar
VK Block Patterns Version: 1.35.2 | Author: Vektor,Inc.
VK Dynamic If Block Version: 1.6.0 | Author: Vektor,Inc.
VK FullSite Installer Version: 0.6.0.0 | Author: Vektor,Inc.
VK Link Target Controller Version: 1.8.0.1 | Author: Vektor,Inc.
WP Multibyte Patch Version: 2.9.3 | Author: Seisuke Kuraishi

■ 期待する動作
VK FullSite Installerでサイト新規作成後 にThe Events Calendarを設定するとカレンダー表示の検索バーが表示される

■ 自分で試した事
PHP 8.5 WordPress 6.9.4
X-T9バージョン: 1.37.4
症状再現手順

1. サイト新規作成
2. VK FullSite Installerを追加
3. VK FullSite Installerで X-T9 ビジネス無料版を選択してサイトを新規作成
4. The Events Calendarプラグインを追加 バージョン 6.15.18

The Events Calendar

5. ダッシュボードのイベントからカレンダーを表示

https://example.com/events/

6. イベント検索と表示形式　リスト　カレンダー　日　の行がない
7. VK All in One Expansion Unit、VK Blocksを無効化すると問題なし

回避方法

1. サイト新規作成 (local by flywheel, TasteWP)
2. The Events Calendar追加
3. ダッシュボードのイベントからカレンダーを表示

https://example.com/events/

4. 問題なし
5. VK All in One Expansion Unitついか

ダッシュボードのイベントからカレンダーを表示

6. 問題なし
7. VK Blocksを導入
8. ダッシュボードのイベントからカレンダーを表示

問題なし

テーマの切り替え
Twenty Twenty-Four
Twenty Twenty-One

■ 症状が発生するブラウザ
Chrome バージョン 146.0.7680.165

■ 実際の症状
VK FullSite Installerでサイト新規作成後にThe Events Calendarを設定するとカレンダー表示の検索バーが消える

VK All in One Expansion Unit、VK Blocksを無効化すると問題なし
ただし
VK All in One Expansion Unit、VK Blocksどちらかを有効化していると問題あり

VK FullSite Installerを利用せずに、サイトを新規作成しThe Events Calendar、VK All in One Expansion Unit、VK Blocksを導入すると問題ない

■ その他特記事項
ニッチな利用方法で回避方法(VK FullSite Installerを利用しない)もありますけれども
VK FullSite Installerを利用した後に復旧方法が見つけられなかったので報告します。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

https://example.com/events/ は固定ページになるのでしょうか？

ブロックテーマはテンプレートファイルのカスタマイズもDB保存なので、
FullSite installer でインストールしたサイトのテンプレートはカスタマイズされていますので、そのイベントカレンダーページに割り当てるテンプレートに違いがありませんか？

双方のページで管理バーの サイトを編集 からテンプレートの違いを確認してみてください。

あとはパーマリンクの設定を保存しなおしてみてください。

[Y.INABA]

genepinefield 様

こちらでも検証してみました。

以下設定変更により双方プラグインが有効化されていても表示されるよう改善されましたので、ご確認よろしくお願いいたします。

・カスタマイズ＞VK Blocks最適化（高速化）設定＞Preload CSS 有効化設定

こちらをオフにすれば改善されます。

※VK All in One Expansion Unitのみ有効化されている場合はなぜか英語で表示されます（スクリーンショット2枚目）。
　上記2つのプラグインについて設定は共有されるようになっているようです。

なお、こちらに限らず、高速化処理とCSS出力の相性が悪かったりして不具合が起こってしまうことは割とあるあるなので、高速化設定をOFFにして状況が改善されないか、事前にご確認いただけますと幸いです。

石川 様

本件テンプレートは無関係で、VK Blocks内 / VK All in One Expansion Unit内の高速化処理との食い合わせが悪く発生する症状と思われます。
実際、HTML自体は始めから問題なく出力されておりました。

——

ちなみに。

※VK All in One Expansion Unitのみ有効化されている場合はなぜか英語で表示されます（スクリーンショット2枚目）。

こちら仕様でしょうか？
もし翻訳対応漏れであれば、ご対応のほどよろしくお願いいたします。

（追記）
あと、「Tree Shaking」の項で気づいてしまったのですが。

Active Tree Shaking(Recomend)

こちら「Recommend」の脱字と思われます。こちらも修正のほどお願いいたします。

Attachments:

You must be logged in to view attached files.

[genepinefield]

Y.INABAさま

検証実施と解決策を見つけてくださり、ありがとうございます。
大変助かりました。

石川さま
https://example.com/events
は自動的に作られたアーカイブページ(リンク)です。
パーマリンク設定保存　改善せず

VK FullSite InstallerでX-T9無料版を入れると現象発生
今後のイベント　行のアイコン等の表示も消えている　フォントスタイルも変わっている

VK FullSite Installerの設定　無料版のみですけれども確認しました
指摘いただいた Preload CSS設定の確認
無効にすると現象が解消します。
X-T9無料版　デフォルトで有効
Lightning 無料版 ビジネス　デフォルトで有効
X-T9 無料版 観光ブログ　デフォルトで無効
X-T9 無料版 プレーン 　デフォルトで無効
VK Booking Manager 無料版デモ　デフォルトで有効

VK FullSite Installerを利用せずに
VK All in One Expansion Unit
VK Blocks
The Event Calendarを導入
Preload CSS設定はデフォルトで無効になっている。
Preload CSS設定を有効にすると現象再現

—–
参考
VK All in One Expansion Unit
VK Blocks 有効時及び
Preload CSS設定有効時
The Event Calendar の 検索バーのCSSが下記になっている
.tribe-events .tribe-events-c-events-bar,
.tribe-events.tribe-common–breakpoint-medium .tribe-events-c-events-bar{
display: none !important;
}

表示時は
.tribe-common–breakpoint-medium.tribe-events .tribe-events-c-search__input-group {
align-items: center;
display: flex;
flex: auto;
}

The Event Calendar の ブレイクポイント

Customizing Mobile Styles

Default breakpoints
500 – extra small breakpoint
768 – medium breakpoint
960 – large breakpoint

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿